/* Aurelle — solar e litorâneo. Azul-mar profundo como cor dominante, coral queimado nos botões, um sol atrás da foto.
   Referência: fim de tarde em Ipanema — o azul do mar escurecendo, o laranja do pôr do sol. */
:root{
  --bg:oklch(98.2% .008 230);--surface:oklch(100% 0 0);--ink:oklch(24% .04 245);--muted:oklch(44% .035 245);
  --line:oklch(90.5% .015 230);--line-strong:oklch(79% .025 235);
  --sea:oklch(31% .075 238);--sea-deep:oklch(26% .07 240);--sand:oklch(96% .022 82);
  --coral:oklch(66% .17 40);--coral-hover:oklch(72% .16 42);--coral-ink:oklch(20% .05 40);--sun:oklch(87% .11 78);
  --accent:var(--sea);--accent-hover:var(--sea-deep);--accent-ink:oklch(98% .01 230);--accent-text:oklch(49% .17 36);--accent-soft:var(--sand);
  --btn-bg:var(--coral);--btn-ink:var(--coral-ink);--btn-hover:var(--coral-hover);--ghost-hover-bg:var(--ink);--ghost-hover-ink:var(--bg);
  --serif:'Bricolage Grotesque',system-ui,sans-serif;--sans:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
  --radius:16px;--field-radius:12px;--btn-radius:999px;--img-radius:16px;--hw:700;--focus:oklch(49% .17 36)
}
body{font-size:16px}
h1,h2,h3{letter-spacing:-.03em}
h1{font-size:clamp(42px,6vw,84px);line-height:1}
h2{font-size:clamp(32px,4vw,56px);line-height:1.04}
h3{font-weight:600}
.brand{font-weight:800;letter-spacing:-.04em;font-size:28px}
.svc-name,.step-card h3,summary,.choice-text strong,.book-summary dd,#done-details dd,.day b,.step legend,.safety-list b{font-weight:600}
.step-card b{font-weight:800}

/* Faixas em azul-mar */
.drench{background:var(--sea);color:var(--accent-ink);--bg:var(--sea);--ink:var(--accent-ink);--muted:oklch(86% .03 230);--line:oklch(42% .06 238);--line-strong:oklch(55% .06 238);--accent-text:var(--sun);--focus:var(--sun);--ghost-hover-bg:var(--accent-ink);--ghost-hover-ink:var(--sea)}
.drench em{color:var(--sun)}
em{font-style:normal}

.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,5vw,72px);padding-inline:max(var(--gutter),calc((100vw - 1200px)/2));min-height:min(80svh,700px);overflow:hidden}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px;padding-block:clamp(36px,5vw,64px)}
.hero-copy>*{animation:arrive 1s cubic-bezier(.16,1,.3,1) both}
.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.3s}
.place{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;color:var(--muted)}
.place::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--coral)}
.hero .lead{color:var(--muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-note{font-size:13.5px;color:var(--muted);max-width:48ch}
.hero-visual{position:relative;padding-block:clamp(28px,4vw,48px)}
.hero-visual::before{content:'';position:absolute;width:64%;aspect-ratio:1;border-radius:50%;background:var(--coral);right:-9%;top:2%;animation:rise-sun 1.6s cubic-bezier(.16,1,.3,1) both}
.hero-photo{position:relative;margin:0;aspect-ratio:4/5;max-height:560px;margin-left:auto;border-radius:var(--img-radius);overflow:hidden;width:min(100%,460px)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:settle 2s cubic-bezier(.16,1,.3,1) both}
@keyframes rise-sun{from{transform:translateY(40px);opacity:0}}
@keyframes settle{from{transform:scale(1.12)}}

.quick{border-bottom:1px solid var(--line)}
.quick .container{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding-block:20px}
.quick p{font-weight:600;margin-right:6px}
.quick a{padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;font-size:15px;transition:background .25s,border-color .25s}
.quick a:hover{background:var(--sand);border-color:var(--coral)}
.quick a span{color:var(--muted);margin-left:6px}

.pro-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,88px);align-items:center}
.pro-photo{margin:0;aspect-ratio:4/5;max-height:560px;border-radius:var(--img-radius);overflow:hidden}
.pro-photo img{width:100%;height:100%;object-fit:cover}
.pro h2{margin-bottom:8px}
.pro-role{color:var(--accent-text);font-weight:600;margin-bottom:22px}
.pro p+p{margin-top:14px}
.pro p{color:var(--muted);max-width:56ch}
.pro-list{margin-top:26px;display:grid;gap:12px}
.pro-list li{padding-left:28px;position:relative}
.pro-list li::before{content:'';position:absolute;left:0;top:.7em;width:14px;height:3px;border-radius:2px;background:var(--coral)}

.jornada{background:var(--sand)}
.safety-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:center}
.safety-grid figure{margin:0;aspect-ratio:5/6;max-height:560px;border-radius:var(--img-radius);overflow:hidden}
.safety-grid figure img{width:100%;height:100%;object-fit:cover}
.safety-list{margin-top:26px;border-top:1px solid var(--line-strong)}
.safety-list li{padding:16px 0;border-bottom:1px solid var(--line-strong)}
.safety-list b{display:block;font-size:clamp(18px,1.7vw,21px);margin-bottom:2px}
.safety-list span{color:var(--muted);font-size:15px}

.contact{padding-block:clamp(56px,7vw,96px)}
.contact .info-card{background:var(--sea-deep);border-color:var(--line)}
.contact .info-card h3{color:var(--accent-ink)}
.contact .lead{color:var(--muted)}

@media(max-width:860px){
  .hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
  .hero-copy{padding-bottom:12px}
  .hero-visual{padding-block:12px 36px}
  .hero-photo{max-height:none;width:min(100%,420px);margin-inline:auto}
  .pro-grid,.safety-grid{grid-template-columns:minmax(0,1fr)}
  .pro-photo,.safety-grid figure{max-height:none;aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.hero-visual::before,.hero-photo img{animation:none}}
@media(max-width:860px){.hero-photo{aspect-ratio:1;width:min(100%,360px)}.hero-copy{gap:20px}.hero-note{display:none}}