/* ============================================================
   Desfume-se · pagina de vendas "amanhecer" (teste)
   Azul-noite com luz de amanhecer. Fontes e cores da marca:
   Newsreader + Public Sans, creme #FBF5EC, laranja #C2410C.
   Sem dependencias externas.
   ============================================================ */

/* Fontes locais, so com os caracteres do portugues e os pesos usados aqui. */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 500;font-display:swap;src:url(assets/fontes/newsreader-normal.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400 500;font-display:swap;src:url(assets/fontes/newsreader-italic.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fontes/public-sans.woff2) format('woff2')}

:root{
  --noite:#0A1422;
  --noite-2:#0E1B2E;
  --noite-3:#13233A;
  --creme:#FBF5EC;
  --areia:#F3E6D2;
  --tinta:#2B1A12;
  --tinta-2:#5C4536;
  --tinta-3:#7A6152;
  --texto:#F3EDE3;
  --texto-2:#C8D0DD;
  --texto-3:#9BA7BA;
  --luz-1:#FFE0B0;
  --luz-2:#F5A65B;
  --luz-3:#E2702F;
  --brasa:#C2410C;
  --fio:rgba(255,214,165,.18);
  --fio-2:rgba(255,255,255,.08);
  --amanhecer:linear-gradient(100deg,#E67A30 0%,#F3A254 48%,#FBCB86 100%);
  --painel-sol:linear-gradient(155deg,#FAD29B 0%,#F3A65E 62%,#E88540 100%);
  --serifa:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;background:var(--noite);color:var(--texto);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
strong,b{font-weight:600}
svg use{pointer-events:none}
li>svg,.btn>svg,.no>svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:3px solid var(--luz-2);outline-offset:4px;border-radius:6px}

.pular{position:absolute;left:16px;top:-80px;z-index:200;background:var(--creme);color:var(--tinta);padding:12px 16px;border-radius:8px}
.pular:focus{top:12px}

.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.estreito{max-width:800px}
.centro{text-align:center}
.sec{position:relative;padding:clamp(72px,9vw,124px) 0}
.sec.escuro::before{content:'';position:absolute;top:0;left:50%;width:min(1080px,88%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--fio),transparent)}

/* ---------- tipografia ---------- */
h1,h2,h3{font-family:var(--serifa);font-weight:400;letter-spacing:-.018em;text-wrap:balance}
h1{font-size:clamp(2.2rem,4.25vw,3.65rem);line-height:1.05}
h2{font-size:clamp(1.85rem,3.25vw,2.8rem);line-height:1.1}
h2.menor{font-size:clamp(1.6rem,2.6vw,2.15rem)}
h3{font-size:1.5rem;line-height:1.15}
.acento{font-style:italic;background:linear-gradient(100deg,var(--luz-1) 0%,var(--luz-2) 62%,#F08A45 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.22em .06em 0 0;margin-top:-.22em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ln{display:block}
.nq{white-space:nowrap}
.forte{font-weight:700;font-size:clamp(1.18rem,1.7vw,1.38rem);line-height:1.4;color:var(--texto)}
.medio{max-width:44rem;margin-inline:auto}
.sub{color:var(--texto-2);font-size:1.12rem}
.grande{font-size:1.22rem;line-height:1.55}
.miudo{font-size:.875rem;line-height:1.6;color:var(--texto-3);max-width:68ch}
.centro .miudo,.miudo.centro{margin-inline:auto}
.olho{font-size:.76rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--texto-3)}
.cabeca{margin-bottom:clamp(36px,5vw,56px)}
.cabeca>*+*{margin-top:18px}

.regua{border:0;height:1px;max-width:720px;margin:clamp(32px,4vw,44px) auto;background:linear-gradient(90deg,transparent,rgba(43,26,18,.28),transparent)}
.regua.fraca{background:linear-gradient(90deg,transparent,var(--fio),transparent)}

/* ---------- botao ---------- */
.btn,.hero-actions .cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:18px 34px;border-radius:10px;border:0;background:var(--amanhecer);color:#0A1422;font:700 .86rem/1.25 var(--sans);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 16px 44px -12px rgba(240,138,60,.65);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,filter .25s}
.btn::after,.hero-actions .cta::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .7s cubic-bezier(.2,.7,.2,1)}
.btn:hover,.hero-actions .cta:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 22px 54px -12px rgba(240,138,60,.8)}
.btn:hover::after,.hero-actions .cta:hover::after{left:120%}
.btn:active{transform:translateY(0)}
.btn.grande{width:100%;min-height:66px;font-size:.98rem}
.btn.contorno{background:transparent;color:var(--luz-1);border:1.5px solid rgba(245,166,91,.7);box-shadow:none}
.btn.contorno::after{display:none}
.btn.contorno:hover{background:rgba(245,166,91,.1)}
.btn.contorno svg,.btn.zap svg{width:22px;height:22px}

/* ---------- quadro (caixa de destaque) ---------- */
.quadro{border:1px solid var(--fio);border-radius:14px;padding:18px 22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));font-size:1rem;line-height:1.6}
.quadro p+p{margin-top:8px}
.quadro.em-linha{display:inline-block;padding:12px 22px}
.quadro.firme{font-weight:600}

/* ============ 1. ABERTURA ============ */
.abertura{position:relative;overflow:hidden;padding:clamp(40px,5vw,64px) 0 clamp(56px,6vw,84px);min-height:min(100svh,900px);display:flex;align-items:center;isolation:isolate}
.abertura-luz{position:absolute;inset:0;z-index:-3;background:
  radial-gradient(30% 40% at 71% 34%,rgba(253,186,112,.72),rgba(236,128,56,.3) 46%,transparent 76%),
  radial-gradient(58% 78% at 80% 28%,rgba(52,92,170,.42),transparent 72%),
  radial-gradient(40% 30% at 70% 104%,rgba(236,128,56,.22),transparent 70%),
  linear-gradient(180deg,#0C1A31 0%,var(--noite) 88%)}
.abertura-luz::after{content:'';position:absolute;inset:0;background:var(--grao);opacity:.09;mix-blend-mode:overlay}
.abertura-simbolo{position:absolute;z-index:-2;right:calc(50% - 720px);top:2%;width:min(58vw,760px);aspect-ratio:10/9;background:url(assets/marca-fundo.webp) center/contain no-repeat;opacity:.045;pointer-events:none}
.abertura-foto{position:absolute;z-index:-1;bottom:0;right:max(1.5vw,calc(50% - 600px));height:97%;aspect-ratio:1100/1757;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 98%);mask-image:linear-gradient(180deg,#000 70%,transparent 98%)}
.abertura-foto img{width:100%;height:100%;object-fit:cover;object-position:top;filter:drop-shadow(0 0 60px rgba(245,166,91,.25))}
.abertura-texto{max-width:660px}
.abertura-texto>*:not(h1){max-width:570px}
.abertura-texto>*+*{margin-top:22px}
.abertura-sub{font-size:1.14rem;line-height:1.55;color:var(--texto)}
.abertura .quadro{background:rgba(9,18,32,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-actions{margin-top:28px!important}
.hero-actions .btn,.hero-actions .cta{width:100%}
/* Abertura de quem vem do Direct: o script de medicao troca titulo, texto e botoes. */
.abertura h1 em:not(.acento){font-style:italic;background:linear-gradient(100deg,var(--luz-1) 0%,var(--luz-2) 62%,#F08A45 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.22em .06em 0 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero-oferta{font-size:1.02rem;line-height:1.5;color:var(--texto)}
.hero-oferta strong{display:block;margin-bottom:2px;font:400 clamp(2rem,4vw,2.6rem)/1.05 var(--serifa);letter-spacing:-.02em;background:linear-gradient(100deg,var(--luz-1),var(--luz-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-oferta span{display:block;margin-top:8px;font-size:.92rem;color:var(--texto-2)}
.hero-actions .text-link{display:block;margin-top:16px;text-align:center;font-size:.95rem;color:var(--luz-1);text-underline-offset:4px}
.ancora{display:block;height:0;scroll-margin-top:24px}
#recebe{scroll-margin-top:28px}
/* Quem vem do Direct ja recebeu a explicacao: sai o quadro, para preco e botao caberem na primeira tela. */
.abertura-texto:has(.hero-oferta)>.quadro{display:none}

.marca{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.marca img{width:46px;height:auto}
.marca span{font:700 1.62rem/1 var(--sans);letter-spacing:-.045em;text-align:left}
.marca small{display:block;margin-top:6px;font:500 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--texto-2)}
.marca.pequena{justify-content:center;margin-bottom:18px}
.marca.pequena img{width:38px}
.marca.pequena span{font-size:1.35rem}

.selos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.selos li{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--fio-2);border-radius:10px;background:rgba(8,16,28,.6);font-size:.86rem;line-height:1.35;color:var(--texto-2)}
.selos svg{width:26px;height:26px;color:var(--luz-2);stroke-width:1.4}
.selos b{color:var(--luz-1);font-weight:600}

/* ============ 2. IDENTIFICACAO ============ */
.reconhece .estreito>*+*{margin-top:20px}
.reconhece .btn{margin-top:34px}
.lista-x{max-width:660px;margin:36px auto!important;padding:6px 26px;border:1px solid var(--fio);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));text-align:left}
.lista-x li{display:flex;gap:14px;align-items:flex-start;padding:17px 0;font-size:1.06rem;line-height:1.5;color:var(--texto-2)}
.lista-x li+li{border-top:1px solid var(--fio-2)}
.lista-x strong{color:var(--texto)}
.lista-x svg{width:22px;height:22px;margin-top:2px;color:#F0806A}

/* ============ 3. MECANISMO ============ */
.mecanismo{padding-top:0;overflow:hidden}
.mecanismo::before{display:none}
.mecanismo-foto{position:relative;width:min(760px,100%);margin:0 auto clamp(-150px,-12vw,-70px);-webkit-mask-image:linear-gradient(180deg,#000 52%,transparent 96%),linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 52%,transparent 96%),linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}
.mecanismo-luz{position:absolute;left:50%;top:0;width:min(1300px,170%);height:min(820px,150vw);transform:translateX(-50%);pointer-events:none;background:radial-gradient(closest-side,rgba(250,176,104,.5),rgba(232,120,52,.2) 45%,rgba(232,120,52,.06) 72%,transparent)}
.mecanismo-texto{position:relative}
.mecanismo-texto>*+*{margin-top:20px}

.diagrama{display:grid;grid-template-columns:1fr 1.3fr;gap:22px;max-width:980px;margin:clamp(40px,5vw,60px) auto!important;text-align:left;align-items:stretch}
.rota.apagada{align-self:center}
.rota{padding:28px 30px 12px;border:1px solid var(--fio-2);border-radius:20px;background:var(--noite-2)}
.rota-titulo{margin-bottom:22px;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--texto-3)}
.rota>ol{position:relative;padding-left:32px}
.rota>ol::before{content:'';position:absolute;left:7px;top:10px;bottom:30px;width:0;border-left:1.5px dashed rgba(132,146,168,.5)}
.rota>ol>li{position:relative;padding-bottom:24px}
.rota>ol>li::before{content:'';position:absolute;left:-32px;top:6px;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--texto-3);background:var(--noite-2)}
.rota>ol>li>b{display:block;font:400 1.32rem/1.2 var(--serifa);letter-spacing:-.01em}
.rota>ol>li>span{display:block;margin-top:4px;font-size:.97rem;line-height:1.45;color:var(--texto-2)}
.rota .etiqueta{display:inline-block!important;margin-top:9px!important;padding:5px 12px;border-radius:10px;border:1px solid rgba(240,128,106,.35);background:rgba(240,128,106,.1);color:#F4A493!important;font-size:.76rem!important;line-height:1.35!important;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.rota .etiqueta.clara{border-color:rgba(245,166,91,.4);background:rgba(245,166,91,.12);color:var(--luz-1)!important}
.rota.apagada>ol>li>b{color:var(--texto-2)}
.rota.apagada .fim>b{color:#F4A493}
.rota.apagada .fim::before{border-color:#F0806A;background:rgba(240,128,106,.25)}
.rota.acesa{border-color:rgba(245,166,91,.42);background:linear-gradient(165deg,rgba(245,166,91,.12),var(--noite-2) 52%);box-shadow:0 40px 90px -50px rgba(240,138,60,.7)}
.rota.acesa .rota-titulo{color:var(--luz-2)}
.rota.acesa>ol::before{border-left:1.5px solid;border-image:linear-gradient(180deg,rgba(132,146,168,.5),var(--luz-2) 60%,var(--luz-1)) 1}
.rota.acesa>ol>li::before{border-color:var(--luz-2)}
.preparo ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.preparo ul li{padding:7px 12px;border:1px solid var(--fio-2);border-radius:8px;background:rgba(255,255,255,.045);font-size:.93rem;line-height:1.35;color:var(--texto)}
.dia-d>b{font-size:2.1rem!important;font-style:italic;background:linear-gradient(100deg,var(--luz-1),var(--luz-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.rota.acesa>ol>li.dia-d::before{left:-37px;top:8px;width:25px;height:25px;border:0;background:radial-gradient(circle,#FFF1D8 0 28%,var(--luz-2) 62%,var(--luz-3));box-shadow:0 0 0 6px rgba(245,166,91,.16),0 0 28px rgba(245,166,91,.8)}

.deps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:34px auto 0!important}
.dep-ico{display:block;width:44px;height:44px;margin:0 auto 14px;fill:none;stroke:var(--luz-2);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.dep{padding:30px 26px 30px;border:1px solid var(--fio-2);border-radius:18px;background:linear-gradient(180deg,var(--noite-3),var(--noite-2))}
.sobre{font-size:.8rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--luz-2)}
.dep h3{margin:6px 0 12px;font-size:1.85rem}
.dep p:last-child{font-size:1rem;line-height:1.55;color:var(--texto-2)}

/* ============ 4. FAIXA ============ */
.faixa{overflow:hidden;padding:14px 0;background:linear-gradient(90deg,#E67A30,#F7BC74 50%,#E67A30);color:#0A1422}
.faixa-trilho{display:flex;align-items:center;gap:30px;width:max-content;animation:deslizar 44s linear infinite}
.faixa span{font-size:.8rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
.faixa i{flex:none;width:18px;height:16px;background:currentColor;-webkit-mask:url(assets/marca-clara.webp) center/contain no-repeat;mask:url(assets/marca-clara.webp) center/contain no-repeat}
@keyframes deslizar{to{transform:translateX(calc(-50% - 15px))}}

/* ============ 5. PREPARACAO ============ */
.preparo-sec{overflow:hidden}
.dupla{display:grid;grid-template-columns:.86fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.retrato{position:relative;border-radius:24px;isolation:isolate}
.retrato::before{content:'';position:absolute;inset:8% -8% -6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(245,166,91,.5),transparent);filter:blur(30px)}
.retrato img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;border:1px solid var(--fio)}
.dupla-texto>*+*{margin-top:18px}
.dupla-texto p{color:var(--texto-2)}
.dupla-texto .grande,.dupla-texto .quadro p{color:var(--texto)}
.dupla-texto .btn{margin-top:28px}

/* ============ 6. ETAPAS ============ */
.trilha{display:grid;grid-template-columns:repeat(5,1fr);column-gap:14px}
.fase{margin-bottom:22px;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3)}
.fase span{display:block;padding-bottom:12px;border-bottom:1px solid var(--fio-2)}
.fase.antes{grid-column:1/3}
.fase.durante{grid-column:3/4;color:var(--luz-2)}
.fase.durante span{border-color:rgba(245,166,91,.5)}
.fase.depois{grid-column:4/6}
.etapas{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding-top:58px}
.etapas::before{content:'';position:absolute;top:21px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#2A3E61 0%,#3B5584 34%,var(--luz-2) 50%,var(--luz-1) 66%,rgba(255,224,176,.45) 100%)}
.etapa{position:relative;padding:26px 16px 24px;border:1px solid var(--fio-2);border-radius:18px;background:linear-gradient(180deg,var(--noite-3),var(--noite-2));text-align:center}
.etapa .no{position:absolute;left:50%;top:-48px;width:22px;height:22px;transform:translateX(-50%);border-radius:50%;border:2px solid #4A6699;background:var(--noite)}
.etapa:nth-child(n+4) .no{border-color:var(--luz-1);background:rgba(255,224,176,.18)}
.etapa.central{border-color:rgba(245,166,91,.5);background:linear-gradient(180deg,rgba(245,166,91,.2),var(--noite-2) 70%);box-shadow:0 30px 80px -40px rgba(240,138,60,.8)}
.etapa.central .no{top:-61px;width:48px;height:48px;border:0;display:grid;place-items:center;background:var(--amanhecer);color:#0A1422;box-shadow:0 0 0 7px rgba(245,166,91,.16),0 0 34px rgba(245,166,91,.75)}
.etapa.central .no svg{width:26px;height:26px;stroke-width:1.8}
.etapa-n{font-size:.8rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--luz-2)}
.etapa h3{margin:6px 0 12px;font-size:1.75rem}
.etapa p:last-child{font-size:.96rem;line-height:1.5;color:var(--texto-2)}
.declaracao{max-width:46rem;margin:clamp(44px,5vw,64px) auto 30px;font-size:1.16rem;line-height:1.6;color:var(--texto-2)}
.declaracao strong{color:var(--texto)}
.numero{font:500 1.9rem/1 var(--serifa);background:linear-gradient(100deg,var(--luz-1),var(--luz-2));-webkit-background-clip:text;background-clip:text;color:transparent;vertical-align:-.08em}

/* ============ 7. PROVA ============ */
.prova::before{display:none}
.painel{padding:clamp(40px,6vw,76px) clamp(22px,5vw,72px);border:1px solid var(--fio-2);border-radius:clamp(24px,3vw,36px);background:radial-gradient(70% 50% at 50% 0%,rgba(245,166,91,.1),transparent 70%),linear-gradient(180deg,#11203A,#0D1929)}
.relatos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.relato{position:relative;display:flex;flex-direction:column;border:1px solid var(--fio);border-radius:20px;overflow:hidden;background:#0B1626;color:#fff;text-decoration:none;text-align:left;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.relato img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 34%;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.relato:hover img{transform:scale(1.03)}
.relato-selo{position:absolute;z-index:1;top:14px;left:14px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:rgba(10,20,34,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.relato-selo i{width:7px;height:7px;border-radius:50%;background:var(--luz-2);box-shadow:0 0 10px var(--luz-2)}
.relato-base{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;margin-top:-44px;padding:0 20px 18px}
.relato-fala{display:block;margin-bottom:16px;font:400 clamp(1.16rem,1.5vw,1.32rem)/1.3 var(--serifa);letter-spacing:-.008em;text-wrap:balance}
.relato-pe{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
.relato-quem{font-size:.86rem;line-height:1.35;color:var(--texto-2)}
.relato-quem b{display:block;font-size:.98rem;color:#fff;white-space:nowrap}
.relato-tocar{flex:none;position:relative;width:50px;height:50px;border-radius:50%;background:var(--amanhecer);box-shadow:0 0 0 6px rgba(245,166,91,.18),0 12px 30px -8px rgba(240,138,60,.8);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.relato-tocar::after{content:'';position:absolute;left:20px;top:15px;border-left:15px solid #0A1422;border-block:10px solid transparent}
.relato:hover .relato-tocar{transform:scale(1.08)}
.video-janela{width:min(980px,calc(100% - 24px),calc((100dvh - 120px)*var(--razao,1.7778)));max-width:none;padding:0;border:0;background:transparent;color:#fff;overflow:visible}
.video-janela::backdrop{background:rgba(4,8,14,.9)}
.video-quadro{aspect-ratio:var(--prop,16/9);border-radius:14px;overflow:hidden;background:#000;box-shadow:0 40px 120px -30px rgba(0,0,0,.9)}
.video-quadro iframe{display:block;width:100%;height:100%;border:0}
.video-fechar{display:block;margin:0 0 10px auto;min-height:44px;padding:10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(255,255,255,.08);color:#fff;font:600 .82rem var(--sans);letter-spacing:.06em;cursor:pointer}
.relatos-dica{display:none}
.audio-player{position:relative}
.audio-player::after{content:'ilustração';position:absolute;top:12px;right:14px;padding:2px 8px;border-radius:99px;background:rgba(43,26,18,.08);font-size:.7rem;letter-spacing:.06em;color:var(--tinta-3)}
.tocar{opacity:.55}
.relatos-ponte{margin:clamp(34px,4vw,48px) 0 20px;text-align:center;font-size:1rem;color:var(--texto-2)}
.citacoes{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.citacao{display:flex;flex-direction:column;padding:30px 32px 26px;border-radius:20px;background:var(--creme);color:var(--tinta);text-align:left;box-shadow:0 30px 70px -40px rgba(0,0,0,.8)}
.aspas{display:block;height:34px;font:400 4.6rem/1 var(--serifa);color:var(--brasa)}
.citacao blockquote{flex:1;font:400 clamp(1.4rem,2vw,1.62rem)/1.36 var(--serifa);letter-spacing:-.008em}
.citacao figcaption{margin-top:20px;padding-top:14px;border-top:1px solid rgba(43,26,18,.14);font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)}
.numeros{display:grid;grid-template-columns:repeat(3,1fr);margin:clamp(30px,4vw,44px) 0 22px;border-block:1px solid var(--fio-2)}
.numeros li{padding:26px 10px;text-align:center}
.numeros li+li{border-left:1px solid var(--fio-2)}
.numeros b{display:block;font:400 clamp(2.6rem,5vw,3.9rem)/1 var(--serifa);background:linear-gradient(100deg,var(--luz-1),var(--luz-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.numeros li>span{display:block;margin-top:10px;font-size:.95rem;line-height:1.35;color:var(--texto-2)}
.painel .btn{margin-top:30px}

/* ============ CLARO ============ */
.claro{background:var(--creme);color:var(--tinta)}
.claro .acento{padding-top:0;margin-top:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--brasa)}
.claro .quadro{border-color:rgba(43,26,18,.2);background:var(--areia)}
.claro .miudo{color:var(--tinta-3)}
.claro .medio,.claro p{color:var(--tinta-2)}
.claro .quadro.firme{color:var(--tinta)}
.claro .btn{margin-top:34px}
.claro .miudo+p .btn{margin-top:24px}

/* ============ 8. CAMINHO ============ */
.pontos{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1040px;margin:0 auto 20px;height:26px}
.pontos::before{content:'';position:absolute;top:12px;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(194,65,12,.5) 12%,rgba(194,65,12,.5) 88%,transparent)}
.pontos span{position:relative;justify-self:center;width:26px;height:26px;border-radius:50%;background:var(--creme);border:1.5px solid var(--brasa);box-shadow:inset 0 0 0 6px var(--creme),inset 0 0 0 20px var(--brasa)}
.cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1040px;margin:0 auto}
.cartao{text-align:center}
.cartao h3{margin:22px 0 10px;color:var(--tinta)}
.cartao p{font-size:1.02rem;line-height:1.6}
.cartao-midia{position:relative;aspect-ratio:5/4;border-radius:20px;overflow:hidden;background:var(--painel-sol)}
.cartao-midia>img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.chamada::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(10,20,34,.78))}
.chamada-topo{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:rgba(10,20,34,.72);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.chamada-topo i{width:8px;height:8px;border-radius:50%;background:#5FD08F}
.chamada-botoes{position:absolute;z-index:1;left:50%;bottom:14px;display:flex;gap:10px;transform:translateX(-50%)}
.chamada-botoes i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chamada-botoes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chamada-botoes .fim{background:#E5484D}
.conversa{display:grid;place-items:center;padding:5% 9%}
.chat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:12px 14px 16px;border-radius:16px;background:#F4EFE7;box-shadow:0 26px 44px -24px rgba(10,20,34,.6);text-align:left}
.chat-topo{display:flex;align-items:center;gap:10px;width:100%;padding-bottom:10px;margin-bottom:2px;border-bottom:1px solid rgba(43,26,18,.1)}
.chat-topo img{width:30px;height:auto}
.chat-topo span{font-size:.74rem;line-height:1.3;color:var(--tinta-3)}
.chat-topo b{display:block;font-size:.86rem;color:var(--tinta)}
.msg{max-width:92%;padding:8px 12px;border-radius:4px 14px 14px 14px;background:#fff;color:var(--tinta);font-size:.84rem;line-height:1.35;box-shadow:0 1px 1px rgba(43,26,18,.12)}
.msg.voz{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:2px;width:78%}
.msg.voz i{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:var(--brasa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 7v10l8-5z' fill='%23fff'/%3E%3C/svg%3E") center/20px no-repeat}
.msg.voz em{height:16px;background:repeating-linear-gradient(90deg,rgba(43,26,18,.4) 0 2px,transparent 2px 5px);-webkit-mask-image:linear-gradient(180deg,transparent 0 15%,#000 15% 85%,transparent 85%);border-radius:2px}
.msg.voz small{font-size:.68rem;color:var(--tinta-3)}
.balao{position:absolute;left:14px;bottom:14px;max-width:80%;padding:10px 14px 11px;border-radius:14px 14px 14px 4px;background:#fff;color:var(--tinta);font-size:.84rem;line-height:1.35;text-align:left;box-shadow:0 12px 30px -10px rgba(10,20,34,.5)}
.balao b{display:block;margin-bottom:2px;font-size:.7rem;color:#1f5673}
.ao-vivo .tela{position:absolute;inset:11% 12% 17%;border:7px solid #0B1220;border-radius:12px;overflow:hidden;background:#0B1220;box-shadow:0 26px 40px -22px rgba(10,20,34,.75)}
.ao-vivo .tela img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.ao-vivo::after{content:'';position:absolute;left:6%;right:6%;bottom:11%;height:9px;border-radius:2px 2px 12px 12px;background:linear-gradient(180deg,#E8EAEE,#B9BEC8)}
.pilula-vivo{position:absolute;top:9px;left:9px;display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;background:rgba(10,20,34,.78);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pilula-vivo i{width:7px;height:7px;border-radius:50%;background:#E5484D;animation:pulsar 1.8s ease-in-out infinite}
@keyframes pulsar{50%{opacity:.35}}
.caminho .miudo{margin-top:26px}

/* ============ 9. PRIMEIRO MES ============ */
.mes .wrap>*+*{margin-top:20px}
.mes .btn{margin-top:26px}
.audio{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(22px,4vw,40px);align-items:center;max-width:900px;margin:36px auto 0!important;padding:clamp(24px,4vw,40px);border:1px solid rgba(245,166,91,.38);border-radius:24px;background:radial-gradient(90% 130% at 100% 0%,rgba(245,166,91,.2),transparent 62%),var(--noite-2);box-shadow:0 40px 100px -50px rgba(240,138,60,.75);text-align:left}
.pilula{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:99px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.pilula i{width:7px;height:7px;border-radius:50%;background:var(--luz-2);box-shadow:0 0 10px var(--luz-2)}
.audio h3{margin:16px 0 12px;font-size:clamp(2rem,4vw,2.7rem);line-height:1}
.audio-texto p{font-size:1.02rem;color:var(--texto-2)}
.audio-texto p strong{color:var(--texto)}
.dias{display:grid;grid-template-columns:repeat(15,1fr);gap:6px;max-width:330px;margin-top:20px}
.dias i{aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.2)}
.dias i.feito{border-color:transparent;background:rgba(245,166,91,.55)}
.dias i.hoje{border-color:transparent;background:var(--luz-1);box-shadow:0 0 0 3px rgba(245,166,91,.25),0 0 14px var(--luz-2)}
.audio-player{padding:18px 18px 14px;border-radius:20px;background:var(--creme);color:var(--tinta);box-shadow:0 26px 60px -30px rgba(0,0,0,.8)}
.audio-topo{display:flex;align-items:center;gap:12px}
.audio-topo img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 12%}
.audio-topo b{display:block;font-size:.95rem;line-height:1.2}
.audio-topo small{font-size:.76rem;color:var(--tinta-3)}
.audio-linha{display:flex;align-items:center;gap:12px;margin-top:16px}
.tocar{flex:none;position:relative;width:40px;height:40px;border-radius:50%;background:var(--brasa)}
.tocar::after{content:'';position:absolute;left:16px;top:12px;border-left:12px solid #fff;border-block:8px solid transparent}
.onda{flex:1;display:flex;align-items:center;gap:3px;height:44px}
.onda i{flex:1;max-width:4px;border-radius:2px;background:rgba(43,26,18,.22)}
.onda i.on{background:var(--brasa)}
.audio-pe{display:flex;justify-content:space-between;margin-top:6px;padding-left:52px;font-size:.72rem;color:var(--tinta-3)}

/* ============ 10. ALIADOS ============ */
.aliados-grade{display:grid;grid-template-columns:1fr 1.7fr;gap:26px;align-items:start}
.aliado{text-align:center}
.aliado h3{margin:22px 0 10px;color:var(--tinta)}
.aliado>p{font-size:1.02rem;line-height:1.6}
.aliado-midia{display:flex;justify-content:center;align-items:flex-start;height:400px;padding:34px 28px 0;border-radius:22px;overflow:hidden}
.aliado-midia.sol{background:var(--painel-sol)}
.aliado-midia.areia{height:auto;min-height:400px;display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,4vw,44px);align-items:start;justify-content:stretch;background:#F1E3CE;padding-inline:clamp(24px,4vw,48px)}
.fone{position:relative;flex:none;width:212px;align-self:flex-start;padding-top:20px;border:7px solid #10151F;border-bottom:0;border-radius:32px 32px 0 0;background:var(--barra,#fff);overflow:hidden;box-shadow:0 30px 60px -30px rgba(10,20,34,.7)}
.fone::before{content:'';position:absolute;top:7px;left:50%;width:58px;height:7px;transform:translateX(-50%);border-radius:99px;background:#10151F}
.fone img{width:100%}
.app-notas{align-self:center;text-align:left;padding-bottom:34px}
.aliado-midia.areia .fone{max-height:366px;align-self:end}
.app-titulo em{white-space:nowrap}
.app-titulo{font:400 1.75rem/1.1 var(--serifa);color:var(--tinta)!important;letter-spacing:-.015em}
.app-notas ul{margin-top:16px}
.app-notas li{padding:13px 0;border-top:1px solid rgba(43,26,18,.14);font-size:1rem;line-height:1.5;color:var(--tinta-2)}
.app-notas li strong{display:block;color:var(--tinta)}
.quadros{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px}
.q{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--painel-sol)}
.q-arte{position:relative;height:clamp(210px,24vw,280px)}
.q-arte img{position:absolute;box-shadow:0 22px 40px -18px rgba(10,20,34,.6)}
.q-arte.um img{left:50%;top:9%;width:min(52%,290px);height:auto;border-radius:12px;transform:translateX(-50%) rotate(3deg)}
.q-arte.dois img{top:12%;width:min(36%,210px);height:auto;border-radius:4px}
.q-arte.dois img:first-child{left:22%;transform:rotate(-7deg)}
.q-arte.dois img:last-child{right:22%;transform:rotate(5deg)}
.q figcaption{position:relative;padding:16px 20px 20px;background:#0E1B2E;color:#fff;text-align:center;font:400 1.75rem/1.1 var(--serifa)}
.q figcaption small{display:block;margin-bottom:5px;font:600 .72rem/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--luz-2)}
.aliados .miudo{margin-top:26px}

/* ============ 11. OFERTA ============ */
.oferta{padding-top:clamp(150px,16vw,210px)}
.oferta-painel{position:relative;max-width:880px;margin-inline:auto;padding:0 clamp(22px,6vw,76px) clamp(36px,5vw,56px);border:1px solid var(--fio-2);border-radius:clamp(24px,3vw,34px);background:radial-gradient(70% 34% at 50% 0%,rgba(245,166,91,.13),transparent 70%),linear-gradient(180deg,#11203A,#0C1828)}
.oferta-telas{position:relative;display:flex;justify-content:center;align-items:flex-start;height:340px;margin:-120px 0 14px;padding-top:12px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 68%,transparent 97%);mask-image:linear-gradient(180deg,#000 68%,transparent 97%)}
.oferta-telas .fone{align-self:flex-start;border-bottom:7px solid #10151F;border-radius:30px}
.oferta-telas .meio{z-index:3;width:196px}
.oferta-telas .esq{z-index:1;width:166px;margin-right:-34px;transform:translateY(46px) rotate(-8deg)}
.cartao-solto{z-index:1;width:200px;margin-left:-30px;border-radius:14px;overflow:hidden;transform:translateY(70px) rotate(7deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.oferta-painel h2{margin-top:clamp(24px,3vw,40px)}
.itens{max-width:600px;margin:32px auto 0}
.itens li{display:flex;gap:14px;align-items:flex-start;padding:15px 2px;font-size:1.08rem;line-height:1.45;color:var(--texto-2)}
.itens li+li{border-top:1px solid var(--fio-2)}
.itens strong{color:var(--texto)}
.itens svg{width:22px;height:22px;margin-top:1px;color:#7ED6A5}
.preco-caixa{scroll-margin-top:16px;max-width:600px;margin:38px auto 0;padding:clamp(26px,4vw,38px) clamp(20px,4vw,36px);border:1px solid rgba(245,166,91,.42);border-radius:24px;background:radial-gradient(80% 60% at 50% 45%,rgba(245,166,91,.13),transparent 70%),rgba(9,18,32,.6);text-align:center}
.preco-caixa p{font-size:1.02rem;color:var(--texto-2)}
.preco-caixa p+p{margin-top:12px}
.ancora-titulo{font-size:.76rem!important;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--texto-3)!important}
.ancoras{margin-top:10px}
.ancoras div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px dashed var(--fio-2)}
.ancoras dt{font-size:1rem;color:var(--texto-2);text-align:left}
.ancoras dd{font:400 1.32rem/1 var(--serifa);white-space:nowrap}
.preco-caixa .regua{margin:22px auto}
.preco-chamada{color:var(--texto)!important;text-wrap:balance}
.preco{margin-top:14px!important;font:400 clamp(2.15rem,9vw,3.6rem)/1 var(--serifa)!important;letter-spacing:-.025em;white-space:nowrap;background:linear-gradient(100deg,var(--luz-1),var(--luz-2) 70%,#F08A45);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.preco.em-camadas{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:20px!important;background:none;color:var(--texto)!important}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.preco-vezes{font:600 1.08rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--luz-1)}
.preco-valor{display:inline-flex;align-items:flex-start;gap:.08em;padding:.06em .04em .02em;font:400 clamp(4rem,17vw,5.6rem)/1.12 var(--serifa);letter-spacing:-.03em;background:linear-gradient(100deg,var(--luz-1),var(--luz-2) 70%,#F08A45);-webkit-background-clip:text;background-clip:text;color:transparent}
.preco-valor small{margin-top:.5em;line-height:1.2;font-size:.34em;letter-spacing:0}
.preco-valor small.centavos{margin-top:.34em;font-size:.42em}
.preco-alt{margin-top:14px!important;display:inline-block;padding:7px 16px;border:1px solid var(--fio);border-radius:99px;font-size:.95rem!important;color:var(--texto)!important}
.preco-nota{margin:22px 0 18px!important;font:400 1.36rem/1.25 var(--serifa)!important}
.preco-caixa .btn{margin-top:26px}
.preco-caixa .miudo{margin-top:18px!important;font-size:.92rem!important;color:var(--texto-2)!important}
.proximos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:760px;margin:34px auto 0}
.proximos li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem;line-height:1.5;color:var(--texto-2)}
.proximos b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(245,166,91,.6);font:400 1rem/1 var(--serifa);color:var(--luz-1)}

/* ============ 12. GARANTIA ============ */
.garantia{display:grid;grid-template-columns:230px 1fr;gap:clamp(28px,5vw,56px);align-items:center;max-width:880px;margin:clamp(40px,5vw,60px) auto 0;padding:clamp(30px,5vw,52px) clamp(22px,5vw,60px);border:1px solid var(--fio-2);border-radius:clamp(24px,3vw,34px);background:linear-gradient(180deg,#11203A,#0D1929)}
.selo svg{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(240,138,60,.4))}
.selo-anel{transform-origin:120px 120px;animation:girar 46s linear infinite}
.selo-anel text{font:700 13.5px var(--sans);letter-spacing:.06em;fill:#0A1422}
.selo-num{font:500 62px var(--serifa);fill:#0A1422}
@keyframes girar{to{transform:rotate(360deg)}}
.garantia-texto>*+*{margin-top:16px}
.garantia-texto h2{font-size:clamp(1.7rem,2.8vw,2.3rem)}
.garantia-texto p{color:var(--texto-2)}
.garantia-texto .forte,.garantia-texto strong{color:var(--texto)}
.garantia-texto .btn{margin-top:24px}

/* ============ 13. BIO ============ */
.bio{overflow:hidden;isolation:isolate;min-height:780px;display:flex;align-items:center}
.bio-luz{position:absolute;inset:0;z-index:-2;background:radial-gradient(30% 44% at 70% 44%,rgba(252,182,108,.62),rgba(232,120,52,.24) 50%,transparent 78%),radial-gradient(50% 70% at 80% 40%,rgba(52,92,170,.3),transparent 72%)}
.bio-luz::after{content:'';position:absolute;inset:0;background:var(--grao);opacity:.08;mix-blend-mode:overlay}
.bio-foto{position:absolute;z-index:-1;top:56px;bottom:0;right:max(0px,calc(50% - 640px));aspect-ratio:1300/1588;max-width:54vw;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 97%),linear-gradient(90deg,transparent,#000 14%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 62%,transparent 97%),linear-gradient(90deg,transparent,#000 14%,#000 84%,transparent);mask-composite:intersect}
.bio-foto img{width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.bio-grade{position:relative}
.bio-texto{max-width:520px}
.bio-texto>*+*{margin-top:16px}
.bio-texto p:not(.olho){color:var(--texto-2)}
.bio-texto p strong{color:var(--texto)}
.bio-nome{margin-top:8px!important;font-size:clamp(2.5rem,4.2vw,3.7rem);line-height:1;white-space:nowrap}
.bio-texto .btn{margin-top:26px}
.credenciais{position:absolute;right:clamp(20px,4vw,40px);bottom:-36px;display:grid;gap:8px;width:330px}
.credenciais li{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--fio);border-radius:10px;background:rgba(8,16,28,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;line-height:1.35}
.credenciais svg{width:22px;height:22px;color:var(--luz-2);stroke-width:1.4}

/* ============ 14. DUVIDAS ============ */
.duvidas .wrap>*+*{margin-top:12px}
.duvidas-caixa{max-width:780px;margin:38px auto 0!important;padding:8px clamp(20px,4vw,34px);border:1px solid var(--fio-2);border-radius:24px;background:var(--noite-2);text-align:left}
.duvidas details+details{border-top:1px solid var(--fio-2)}
.duvidas summary{position:relative;padding:22px 40px 22px 0;font-size:1.08rem;font-weight:600;line-height:1.4;cursor:pointer;list-style:none}
.duvidas summary::-webkit-details-marker{display:none}
.duvidas summary::after{content:'';position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:1.6px solid var(--luz-2);border-bottom:1.6px solid var(--luz-2);transform:rotate(45deg);transition:transform .3s}
.duvidas details[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.duvidas summary:hover{color:var(--luz-1)}
.resposta{padding:0 30px 22px 0;font-size:1.02rem;color:var(--texto-2)}
.resposta a{color:var(--luz-1);text-underline-offset:3px}

/* ============ 15. CONTATO E RODAPE ============ */
.contato{overflow:hidden;isolation:isolate;padding-bottom:clamp(90px,11vw,150px)}
.contato-luz{position:absolute;inset:0;z-index:-1;background:radial-gradient(46% 62% at 50% 112%,rgba(252,182,108,.62),rgba(232,120,52,.24) 48%,transparent 76%)}
.contato-luz::after{content:'';position:absolute;inset:0;background:var(--grao);opacity:.08;mix-blend-mode:overlay}
.contato .wrap>*+*{margin-top:12px}
.contato .btn{margin-top:30px}
.assinatura{margin-top:clamp(48px,7vw,84px)!important;font:400 italic clamp(2.6rem,7vw,4.6rem)/1 var(--serifa);letter-spacing:-.02em;background:linear-gradient(100deg,var(--luz-1),var(--luz-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.rodape{padding:44px 0 56px;border-top:1px solid var(--fio-2);text-align:center;font-size:.88rem;color:var(--texto-2)}
.rodape p+p{margin-top:12px}
.rodape .miudo{margin-inline:auto}

.fixo{display:none}

/* ---------- entrada ao rolar ---------- */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}

/* ============ TELAS MEDIAS ============ */
@media (max-width:1180px){
  .trilha{display:block}
  .fase{display:none}
  .etapas{grid-template-columns:1fr;gap:14px;padding:0 0 0 46px}
  .etapas::before{top:20px;bottom:20px;left:15px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#2A3E61 0%,#3B5584 34%,var(--luz-2) 50%,var(--luz-1) 66%,rgba(255,224,176,.45) 100%)}
  .etapa{padding:22px 22px 22px;text-align:left}
  .etapa .no{left:-31px;top:26px;transform:translateX(-50%)}
  .etapa.central .no{top:18px;width:40px;height:40px}
  .etapa.central .no svg{width:22px;height:22px}
  .etapas{max-width:760px;margin-inline:auto}
  .credenciais{position:static;width:auto;grid-template-columns:1fr 1fr;margin-top:28px}
  .bio{display:block;min-height:0;padding-top:40px}
  .bio-foto img{height:auto}
  .bio-foto{position:relative;top:auto;right:auto;aspect-ratio:auto;max-width:none;width:min(100%,520px);margin:0 auto -36px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 96%);mask-image:linear-gradient(180deg,#000 60%,transparent 96%)}
  .bio-luz{background:radial-gradient(520px 420px at 50% 300px,rgba(252,182,108,.6),rgba(232,120,52,.22) 50%,transparent 78%)}
  .bio-texto{max-width:680px;margin-inline:auto}
  .credenciais{max-width:680px;margin-inline:auto}
  .bio-nome{white-space:normal}
}

@media (max-width:860px){
  body{font-size:1rem}
  .abertura{display:block;min-height:0;padding:0 0 56px}
  .abertura-luz{background:
    radial-gradient(250px 390px at calc(100% - 110px) 200px,rgba(253,186,112,.72),rgba(236,128,56,.3) 48%,transparent 78%),
    radial-gradient(420px 600px at calc(100% - 90px) 150px,rgba(52,92,170,.42),transparent 72%),
    linear-gradient(180deg,#0C1A31 0%,var(--noite) 70%)}
  .abertura-simbolo{display:none}
  .abertura-foto{top:0;bottom:auto;right:-13vw;height:auto;width:min(80vw,440px);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 60%),linear-gradient(90deg,transparent 6%,#000 42%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 30%,transparent 60%),linear-gradient(90deg,transparent 6%,#000 42%);mask-composite:intersect}
  .abertura-grade{padding-top:min(52vw,290px)}
  .abertura-grade:has(.hero-oferta){padding-top:min(40vw,220px)}
  .abertura-texto{display:flex;flex-direction:column}
  .abertura-texto>.hero-actions{order:2;margin-top:22px!important}
  .abertura-texto>.quadro{order:3}
  .abertura-texto>.selos{order:4}
  .marca{text-shadow:0 1px 14px rgba(10,20,34,.9)}
  .abertura-texto>*:not(h1){max-width:none}
  .abertura-texto{max-width:none}
  .abertura-texto>*+*{margin-top:18px}
  .abertura-sub{font-size:1.06rem}
  .marca small{letter-spacing:.13em}
  .marca img{width:42px}
  .marca span{font-size:1.5rem}

  .diagrama{grid-template-columns:1fr}
  .deps{grid-template-columns:1fr;gap:14px}
  .dupla{grid-template-columns:1fr}
  .retrato{width:100%;max-width:440px;margin-inline:auto}
  .retrato img{aspect-ratio:1/1;object-position:50% 20%}
  .citacoes{grid-template-columns:1fr}
  .relatos{display:flex;gap:14px;margin-inline:calc(-1*clamp(22px,5vw,72px));padding:4px clamp(22px,5vw,72px) 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .relatos::-webkit-scrollbar{display:none}
  .relatos-dica{display:block;margin-top:4px;text-align:center;font-size:.86rem;color:var(--texto-3)}
  .relato{flex:0 0 min(80%,340px);scroll-snap-align:center}
  .js .relatos .rv{opacity:1;transform:none}
  .pontos{display:none}
  .cartoes{grid-template-columns:1fr;gap:38px;max-width:460px}
  .numeros{grid-template-columns:1fr}
  .numeros li{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:16px;padding:16px 4px;text-align:left}
  .numeros li+li{border-left:0;border-top:1px solid var(--fio-2)}
  .numeros li>span{margin-top:0}
  .bio-nome{white-space:normal}
  .audio{grid-template-columns:1fr}
  .aliados-grade{grid-template-columns:1fr;gap:38px}
  .aliado-midia{height:360px}
  .aliado-midia.areia{grid-template-columns:1fr;height:auto;padding-top:30px;gap:0}
  .aliado-midia.areia .fone{order:2;justify-self:center;max-height:330px}
  .app-notas{padding-bottom:26px}
  .quadros{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .q-arte{height:240px}
  .proximos{grid-template-columns:1fr;gap:12px;max-width:440px}
  .garantia{grid-template-columns:1fr;text-align:center}
  .selo{width:190px;margin-inline:auto}
  .credenciais{grid-template-columns:1fr}

  .btn{width:100%;padding-inline:22px}
  .rodape{padding-bottom:120px}
  .fixo{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#0B1424;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -14px 30px -10px rgba(0,0,0,.5);transform:translateY(110%);transition:transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
  .fixo.visivel{transform:none;pointer-events:auto}
  .fixo .btn{min-height:54px}
}

@media (min-width:641px) and (max-width:860px){
  .abertura{padding:44px 0 56px}
  .abertura-luz{background:
    radial-gradient(300px 380px at calc(100% - 190px) 300px,rgba(253,186,112,.72),rgba(236,128,56,.3) 48%,transparent 78%),
    radial-gradient(520px 640px at calc(100% - 150px) 240px,rgba(52,92,170,.42),transparent 72%),
    linear-gradient(180deg,#0C1A31 0%,var(--noite) 80%)}
  .abertura-grade,.abertura-grade:has(.hero-oferta){padding-top:0}
  .abertura-texto{max-width:57%}
  .abertura-foto{top:auto;bottom:0;right:-7vw;width:auto;height:94%;max-height:760px;-webkit-mask-image:linear-gradient(180deg,#000 68%,transparent 97%),linear-gradient(90deg,transparent,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 68%,transparent 97%),linear-gradient(90deg,transparent,#000 22%);mask-composite:intersect}
  .selos{grid-template-columns:1fr}
  .btn{width:auto;min-width:340px}
  .hero-actions .btn,.hero-actions .cta,.btn.grande,.fixo .btn{width:100%}
  .relatos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-inline:0;padding:0;overflow:visible}
  .relato{flex:none}
  .relatos-dica{display:none}
  .relato-selo{top:10px;left:10px;padding:5px 9px;font-size:.66rem;letter-spacing:.05em;white-space:nowrap}
  .relato-base{padding:0 14px 14px}
  .relato-fala{font-size:1.02rem}
  .relato-quem{font-size:.8rem}.relato-quem b{font-size:.9rem}
  .relato-tocar{width:42px;height:42px}.relato-tocar::after{left:16px;top:12px;border-left-width:13px;border-block-width:9px}
  .cartoes,.quadros{max-width:520px}
}

@media (max-width:520px){
  .selos{grid-template-columns:1fr;gap:8px}
  .selos li{padding:11px 14px;font-size:.92rem}
  .btn{letter-spacing:.06em;font-size:.84rem;text-wrap:balance}
  .btn.grande{font-size:.9rem;white-space:nowrap}
  .oferta-painel{border:0;background:none;border-radius:0}
  .lista-x{padding-inline:18px}
  .rota{padding:24px 20px 8px}
  .citacao{padding:26px 24px 22px}
  .citacao blockquote{font-size:1.36rem}
  .oferta-painel{padding-inline:0}
  .preco-caixa{padding-inline:16px}
  .cartao-solto{display:none}
  .oferta-telas .esq{width:140px}
  .oferta-telas .meio{width:170px}
  .cartao-solto{width:150px}
  .ancoras dt{font-size:.86rem}
  .dias{max-width:none}
}

@media (min-width:1600px){
  body{font-size:1.16rem}
  .wrap{max-width:1300px}
  .abertura{min-height:min(100svh,1000px)}
  .abertura-texto{max-width:720px}
  .abertura-texto>*:not(h1){max-width:620px}
  .abertura-foto{right:max(1.5vw,calc(50% - 680px))}
  .bio-foto{right:max(0px,calc(50% - 720px))}
  .diagrama,.deps{max-width:1080px}
  .oferta-painel,.garantia{max-width:960px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .faixa-trilho,.selo-anel,.pilula-vivo i{animation:none}
  .js .rv{opacity:1;transform:none;transition:none}
  .btn,.btn::after{transition:none}
}