:root {
  --cream:#faf6ee; --paper:#fffcf6; --sand:#efdfc9; --caramel:#ac864c;
  --mocha:#5e3e2d; --sage:#6e8569; --sage-dark:#516c50;
  --ink:#382d26; --muted:#6b5b50;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(110deg,#ebdfcd,#fdf9f3 42%,#f0e4d3);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}a:focus-visible{outline:3px solid #d59d55;outline-offset:3px}
.preview-top{width:min(100%,960px);margin:0 auto;background:var(--mocha);border-radius:0 0 18px 18px;color:#fff8ec;min-height:31px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;letter-spacing:.105em;font-size:10px;text-align:center;padding:7px 10px}
.preview-top>span:first-child{color:#e6bf83;font-size:15px}.preview-top .sep{color:#d5b9a0}
.shell{width:min(100%,960px);margin:0 auto;min-height:100vh;background:var(--cream);position:relative;overflow:hidden;box-shadow:0 18px 70px rgba(57,42,26,.08)}
.shell::before,.shell::after{position:absolute;content:"";pointer-events:none;z-index:0;border-radius:48%;background:#f0dfc9;opacity:.45;width:390px;height:330px;transform:rotate(-25deg)}
.shell::before{top:-165px;left:-120px}.shell::after{bottom:-140px;right:-170px}
.brand-header,main,.site-footer{position:relative;z-index:1}
.brand-header{height:190px;display:flex;justify-content:center;align-items:center;position:relative}
.brand-logo{width:165px;height:165px;display:grid;place-items:center}
.brand-logo img{width:165px;height:165px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.98)}
.brand-note{position:absolute;right:10%;top:58px;color:#af844c;font-family:'Great Vibes',cursive;font-size:35px;line-height:.85;transform:rotate(-9deg);text-align:center}
.brand-note span{display:block;font:30px Georgia,serif;padding-top:9px}
.hero{margin:0 34px;border-radius:27px;min-height:435px;overflow:hidden;position:relative;display:flex;align-items:center;box-shadow:0 12px 36px rgba(95,66,36,.08);background:#f3e5ce}
.hero-image{position:absolute;top:0;right:0;bottom:0;width:70%;overflow:hidden}
.hero-image picture,.hero-image img{display:block;width:100%;height:100%}
.hero-image img{object-fit:cover;object-position:50% 10%;filter:saturate(.99) contrast(1.01)}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#fcf5e9 0%,#fcf5e9 23%,rgba(252,245,233,.98) 37%,rgba(252,245,233,.74) 51%,rgba(252,245,233,.1) 69%,rgba(252,245,233,0) 82%)}
.hero-copy{position:relative;z-index:2;width:56%;padding:34px 0 30px 49px}
.micro-label{font-size:10px;font-weight:700;letter-spacing:.17em;color:#a27b48;display:flex;align-items:center;gap:9px;margin-bottom:18px}.micro-label .line{height:1px;width:24px;background:#b79a63}
.hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,53px);line-height:1.095;letter-spacing:-.019em;max-width:435px;margin:0;color:var(--mocha)}
.hero h1 em{display:block;color:#ad864d;font-weight:400}
.hero p{font-size:15px;line-height:1.65;max-width:260px;color:#644b39;margin:23px 0 0}
.hero-corner{position:absolute;top:17px;right:21px;color:#f9db9e;font-size:22px}
.destinations{padding:35px 40px 20px}
.section-intro{text-align:center;margin-bottom:22px}.section-intro .tiny-star{font-size:18px;color:#be995a}
.section-intro h2{font:400 34px/1.15 'DM Serif Display',Georgia,serif;color:var(--mocha);margin:5px 0 4px}
.section-intro p{margin:0;font-size:13px;color:#7a6659}
.link-list{display:flex;flex-direction:column;gap:10px}
.link-tile{min-height:96px;border-radius:18px;padding:15px 24px;border:3px solid #e8e4d5;box-shadow:0 5px 0 rgba(76,94,70,.10),0 6px 20px rgba(50,63,49,.12);background:linear-gradient(105deg,#688266 0%,#73896e 55%,#587454 100%);color:#fffef8;display:flex;align-items:center;gap:18px;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s}
.link-tile:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 8px 0 rgba(76,94,70,.10),0 12px 24px rgba(50,63,49,.2)}
.link-tile:active{transform:translateY(1px)}
.link-icon{width:59px;height:59px;border-radius:50%;flex-shrink:0;background:#fff5e3;color:#476648;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5)}
.link-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.link-icon.shopee{color:#ca673b}
.link-content{display:flex;flex-direction:column;min-width:0;gap:4px}
.link-content strong{font-family:'DM Serif Display',Georgia,serif;font-size:29px;font-weight:400;line-height:1.05}
.link-content small{font-size:13px;line-height:1.4;color:#f1f3e9}
.chevron{font-size:43px;font-family:Arial,sans-serif;font-weight:200;margin-left:auto;line-height:1;color:#fff9ed}
.benefits{background:rgba(255,255,255,.68);border-radius:23px;display:grid;grid-template-columns:repeat(3,1fr);margin:8px 40px 0;padding:24px 18px;box-shadow:0 7px 26px #c29f7c12}
.benefit{display:flex;align-items:center;flex-direction:column;text-align:center;gap:6px;padding:0 12px}
.benefit+.benefit{border-left:1px solid #e0cab5}
.benefit-icon{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#f7e8d2;color:#765039;margin-bottom:3px}
.benefit-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.benefit strong{font:400 20px/1.16 'DM Serif Display',Georgia,serif}
.benefit>span:last-child{font-size:12px;line-height:1.4;color:#765f50}
.site-footer{text-align:center;padding:35px 25px 38px;isolation:isolate}
.site-footer::after{content:"";height:140px;position:absolute;inset:auto -10% -100px;z-index:-1;background:#e9d5bb;opacity:.55;border-radius:60% 60% 0 0}
.script-note{font:43px/1.1 'Great Vibes',cursive;color:#87603d;margin:0}
.footer-flourish{color:#aa8c60;font-size:19px;letter-spacing:.1em}
.site-footer>p:not(.script-note){font-size:13px;line-height:1.65;color:#726457;max-width:450px;margin:5px auto 19px}
.site-footer small{display:block;color:#8c7f72;font-size:10px;line-height:1.5}.site-footer small a{font-weight:700;text-underline-offset:3px}
@media(max-width:720px){
 .preview-top{font-size:9px;gap:6px;letter-spacing:.055em}.brand-header{height:164px}.brand-logo,.brand-logo img{width:143px;height:143px}.brand-note{right:5.5%;top:49px;font-size:26px}
 .hero{margin:0 20px;min-height:415px;border-radius:24px}.hero-image{width:77%}.hero-copy{width:66%;padding:24px 0 24px 24px}.hero h1{font-size:clamp(29px,6.25vw,43px)}.hero p{font-size:13px;line-height:1.55;max-width:220px;margin-top:15px}.micro-label{font-size:8px;margin-bottom:13px;letter-spacing:.13em}.hero-scrim{background:linear-gradient(90deg,#fcf5e9 0%,rgba(252,245,233,.99) 22%,rgba(252,245,233,.9) 43%,rgba(252,245,233,.45) 65%,rgba(252,245,233,0) 88%)}
 .destinations{padding:25px 22px 17px}.benefits{margin:5px 22px 0;padding:21px 8px}.benefit{padding-inline:8px}.benefit strong{font-size:17px}.benefit>span:last-child{font-size:10px}.link-content strong{font-size:26px}
}
@media(max-width:480px){
 .brand-header{height:145px}.brand-logo,.brand-logo img{width:130px;height:130px}.brand-note{font-size:23px;right:5%;top:48px;opacity:.8}.brand-note span{font-size:23px}
 .hero{margin:0 14px;min-height:374px;border-radius:22px}.hero-image{width:82%}.hero-image img{object-position:48% 28%}.hero-copy{width:71%;padding:25px 0 27px 19px}.micro-label{font-size:7px;letter-spacing:.08em;margin-bottom:10px;gap:6px}.micro-label .line{width:12px}.hero h1{font-size:clamp(29px,7.4vw,35px);line-height:1.07;letter-spacing:-.02em}.hero p{font-size:11.5px;max-width:176px;margin-top:14px;line-height:1.55}.hero-scrim{background:linear-gradient(90deg,#fbf3e6 0%,rgba(251,243,230,.99) 15%,rgba(251,243,230,.89) 36%,rgba(251,243,230,.34) 65%,rgba(251,243,230,0) 90%)}
 .destinations{padding:23px 14px 15px}.section-intro h2{font-size:30px}.section-intro p{font-size:12px}.section-intro{margin-bottom:18px}
 .link-list{gap:9px}.link-tile{min-height:82px;padding:11px 13px;gap:11px;border-width:2px;border-radius:16px}.link-icon{width:49px;height:49px}.link-icon svg{width:25px;height:25px}.link-content strong{font-size:25px}.link-content small{font-size:10.5px}.chevron{font-size:37px}
 .benefits{margin:7px 14px 0;padding:17px 2px;border-radius:18px}.benefit{gap:6px;padding:0 5px}.benefit-icon{width:43px;height:43px}.benefit-icon svg{width:22px;height:22px}.benefit strong{font-size:15px}.benefit>span:last-child{font-size:9px}.script-note{font-size:34px}.site-footer{padding:32px 18px 30px}
}
@media(max-width:345px){.hero-copy{width:75%;padding-left:13px}.hero h1{font-size:27px}.hero p{font-size:11px}.brand-note{font-size:18px}.link-content strong{font-size:22px}.link-content small{font-size:9.8px}.benefit strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link-tile{transition:none}}
/* Em telas estreitas o texto fica acima da foto: melhor leitura sem cobrir o rosto. */
@media(max-width:560px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#fcf3e6}
  .hero-copy{order:1;width:100%;padding:25px 24px 23px}
  .hero h1{font-size:clamp(32px,8vw,42px);max-width:450px}
  .hero h1 em{display:block;max-width:440px}
  .hero p{font-size:13px;max-width:330px;margin-top:15px;line-height:1.6}
  .hero-image{position:relative;order:2;width:100%;height:295px;flex-shrink:0}
  .hero-image img{object-position:center 25%}
  .hero-scrim{display:none}
  .hero-corner{right:16px;top:12px}
}
@media(max-width:355px){.hero-copy{padding:22px 18px}.hero h1{font-size:30px}.hero-image{height:260px}}

@media(max-width:480px){
  .brand-header{height:185px;flex-direction:column;justify-content:center;gap:0}
  .brand-logo,.brand-logo img{width:136px;height:136px}
  .brand-note{position:static;transform:none;font-size:25px;line-height:.92;margin-top:-14px;opacity:.95}
  .brand-note span{display:inline;margin-left:3px;font-size:20px;padding:0}
}

/* 2026-10-21 — Ajuste de enquadramento solicitado pela CloudPulseInv.
   A pessoa fica visível à direita no desktop, e o topo da foto é
   preservado no celular para não cortar os cabelos/testa. */
@media (min-width:721px){
  .hero-image { width:58%; }
  .hero-scrim {background:linear-gradient(90deg,
    #fcf5e9 0%, #fcf5e9 23%, rgba(252,245,233,.98) 34%,
    rgba(252,245,233,.78) 44%, rgba(252,245,233,.16) 62%,
    rgba(252,245,233,0) 78%);}
}
@media (min-width:561px) and (max-width:720px){
  .hero-image { width:64%; }
}
@media (max-width:560px){
  .hero-image {height:355px;}
  .hero-image img {object-position:center top;}
}
@media (max-width:355px){
  .hero-image {height:320px;}
}