/* =============================================================================
   lp.css: HCE janeiro, layout novo (28/10/2026), portado do artifact de design.
   Arquivo próprio: o styles.css antigo segue em uso pela /hce_janeiro_obrigado.
   ============================================================================= */
:root{color-scheme:dark}.topo{padding-top:env(safe-area-inset-top,0px)}

/* Fontes do brandbook: Optima (títulos), Karu (corpo), Jost Medium como alternativa oficial */
@font-face{font-family:"HCC Titulo";src:local("Optima LT Pro Roman"),local("OptimaLTPro-Roman"),local("Optima Regular"),local("Optima-Regular");font-weight:100 900;font-display:swap}
@font-face{font-family:"HCC Corpo";src:local("Karu Regular"),local("Karu-Regular");font-weight:100 900;font-display:swap}
@font-face{font-family:"HCC Alternativa";src:url(/hce_janeiro_inscricao/assets/fonts/hcc-alternativa.woff2?v=20261028) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --noir:#0A0505;
  --tinta:#140203;
  --vinho:#2A0405;
  --bordo:#610102;
  --bordo-claro:#8A1214;
  --ouro:#E4C080;
  --ouro-fundo:#C9A464;
  --marfim:#F3F0EA;
  --marfim-2:#E8E1D5;
  --taupe:#A39687;
  --taupe-escuro:#6F625C;
  --suave:#D6C8C1;
  --fio:rgba(228,192,128,.26);
  --fio-forte:rgba(228,192,128,.6);
  --fio-escuro:rgba(97,1,2,.18);
  --f-titulo:"HCC Titulo","HCC Alternativa",sans-serif;
  --f-corpo:"HCC Corpo","HCC Alternativa",sans-serif;
  --larg:1200px;
  --gut:clamp(20px,5vw,56px);
  --sec:clamp(56px,8vw,112px);
  --monograma:url("/hce_janeiro_inscricao/assets/images/lp/monograma.webp?v=20261028");
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' 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;scroll-padding-top:80px}
body{margin:0;background:var(--tinta);color:var(--marfim);font-family:var(--f-corpo);font-weight:400;font-size:clamp(15px,.25vw + 14px,16px);line-height:1.62;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video,iframe{display:block;max-width:100%}
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:400}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ouro);outline-offset:4px}
.wrap{max-width:var(--larg);margin:0 auto;padding:0 var(--gut)}
.sec{position:relative;padding:var(--sec) 0;isolation:isolate}
.grao::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grao);opacity:.07;mix-blend-mode:overlay;pointer-events:none}

/* Fundos */
.f-tinta{background:var(--tinta)}
.f-noir{background:var(--noir)}
.f-bordo{background:radial-gradient(70% 90% at 15% 0%,#7E0B0D 0%,var(--bordo) 38%,#3D0203 100%);color:var(--marfim)}
.f-marfim{background:var(--marfim);color:var(--vinho)}
.f-marfim .lead,.f-marfim p{color:#4E3A36}

/* Tipografia */
h1,h2,h3,.t{font-family:var(--f-titulo);font-weight:400;letter-spacing:0}
h1{font-size:clamp(1.45rem,3.1vw,2.65rem);line-height:1.12}
h2{font-size:clamp(1.3rem,2.35vw,1.9rem);line-height:1.15}
h3{font-size:clamp(1.02rem,1.15vw,1.15rem);line-height:1.3}
.f-marfim h2,.f-marfim h3{color:var(--bordo)}
.lead{margin-top:18px;font-size:1em;color:var(--suave);max-width:58ch}
.marca{display:inline-flex;align-items:center;gap:12px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.marca::before{content:"";width:28px;height:1px;background:currentColor}
.f-marfim .marca{color:var(--bordo)}
.nota{font-size:.8rem;color:var(--taupe)}
.estrela{display:inline-block;width:12px;height:12px;background:currentColor;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 28px;background:var(--ouro);color:var(--bordo);font-family:var(--f-corpo);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;text-align:center;border:0;border-radius:2px;cursor:pointer;transition:background-color .25s,transform .25s}
.btn:hover{background:#EED4A0;transform:translateY(-1px)}
.btn--bordo{background:var(--bordo);color:var(--marfim)}
.btn--bordo:hover{background:var(--bordo-claro)}
.btn--vazio{background:transparent;color:var(--marfim);box-shadow:inset 0 0 0 1px rgba(243,240,234,.45)}
.btn--vazio:hover{background:rgba(243,240,234,.08)}
.btn__play{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px currentColor}
.btn__play::before{content:"";width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}


/* ---------- Barra de topo ---------- */
.topo{position:fixed;inset:0 0 auto 0;z-index:30;transition:background-color .3s,box-shadow .3s}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.topo img{width:132px;height:auto}
.topo__data{display:none;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--suave)}
.topo .btn{min-height:42px;padding:0 18px;font-size:.7rem}
.topo .btn{white-space:nowrap}
@media (max-width:400px){.topo img{width:112px}.topo .btn{padding:0 12px;letter-spacing:.12em;font-size:.64rem}}
.topo.solido{background:rgba(20,2,3,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--fio)}
@media (min-width:900px){.topo__data{display:block}.topo img{width:150px}}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:min(100svh,880px);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;overflow:hidden;background:var(--tinta)}
.hero__foto{position:absolute;left:0;right:0;top:0;height:74svh;z-index:-2}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:44% 28%;animation:aproxima 2.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes aproxima{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero__veu{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,2,3,.3) 0%,rgba(20,2,3,0) 22%,rgba(20,2,3,.55) 42%,rgba(20,2,3,.94) 60%,var(--tinta) 72%)}
.hero__conteudo{width:100%;padding-top:110px;padding-bottom:24px}
.hero__texto{max-width:600px}
.hero__filtro{display:inline-block;margin-top:18px;padding:8px 14px;box-shadow:inset 0 0 0 1px var(--fio-forte);font-size:.82rem;color:var(--ouro)}
.hero h1{margin-top:16px}
.hero h1 .realce,.paraquem__titulo .realce{color:var(--ouro)}
.hero__sub{margin-top:18px}
.hero__botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.info{display:grid;grid-template-columns:1fr 1fr;margin:32px 0 clamp(24px,4vw,48px);background:rgba(20,2,3,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--fio)}
.info div{padding:14px 16px;border-right:1px solid var(--fio);border-bottom:1px solid var(--fio)}
.info div:nth-child(2n){border-right:0}
.info div:nth-child(n+3){border-bottom:0}
.info dt{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.info__curto{display:none}
@media (min-width:1000px){
  .hero{justify-content:flex-start;min-height:min(100vh,800px)}
  .hero__foto{left:auto;width:66%;height:auto;bottom:0}
  .hero__foto img{object-position:38% 40%}
  .hero__veu{background:linear-gradient(90deg,var(--tinta) 0%,var(--tinta) 34%,rgba(20,2,3,.82) 44%,rgba(20,2,3,.38) 60%,rgba(20,2,3,.1) 82%,rgba(20,2,3,0) 100%),linear-gradient(180deg,rgba(20,2,3,.45) 0%,rgba(20,2,3,0) 20%,rgba(20,2,3,0) 80%,var(--tinta) 100%)}
  .hero__conteudo{display:flex;flex-direction:column;justify-content:center;min-height:min(100vh,800px);padding-top:104px;padding-bottom:36px}
  .hero__texto{max-width:600px;margin-top:auto;margin-bottom:auto}
  .info{margin-top:40px;margin-bottom:0}
  .info{grid-template-columns:repeat(3,1fr)}
  .info div{border-bottom:0}
  .info div:nth-child(2n){border-right:1px solid var(--fio)}
  .info div:last-child{border-right:0}
}

@media (max-width:999px){
  .hero{min-height:100svh;justify-content:flex-start}
  .hero__foto{position:relative;inset:auto;height:auto;flex:1 1 auto;min-height:clamp(96px,20svh,440px)}
  .hero__foto img{position:absolute;inset:0;object-position:47% 26%}
  .hero__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,2,3,.62) 0%,rgba(20,2,3,0) 26%,rgba(20,2,3,0) 48%,rgba(20,2,3,.78) 80%,var(--tinta) 100%)}
  .hero__veu{display:none}
  .hero__conteudo{display:flex;flex-direction:column;margin-top:-40px;padding-top:0;padding-bottom:18px}
  .hero__texto{display:contents}
  .hero .marca{order:1;font-size:.64rem;letter-spacing:.14em}
  .hero .marca::before{display:none}
  .hero h1{order:2;margin-top:10px;font-size:clamp(1.55rem,6.6vw,2.2rem);line-height:1.12}
  .hero__sub{order:3;margin-top:10px;color:var(--marfim);font-size:.95rem;line-height:1.5}
  .hero__filtro{order:4;align-self:flex-start;margin-top:12px;padding:7px 12px;font-size:.76rem;line-height:1.4}
  .info{order:5;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 0}
  .info div:nth-child(n){padding:10px 10px 11px;border-bottom:0;border-right:1px solid var(--fio)}
  .info div:last-child{border-right:0}
  .info dt{font-size:.56rem;letter-spacing:.16em}
  .info dd{margin-top:3px;font-size:.82rem;line-height:1.3}
  .info__longo{display:none}
  .info__curto{display:inline}
  .hero__botoes{order:6;margin-top:12px}
  .topo .wrap{height:64px}
  .hero__botoes .btn{width:100%}
  .hero .marca{align-self:center;text-align:center}
  .hero h1,.hero__sub{text-align:center}
  .hero__filtro{align-self:center;text-align:center}
  .info div:nth-child(n){text-align:center}
}

/* ---------- Mancussi (marfim) ---------- */
.mancussi__grade{display:grid;gap:56px;align-items:center}
.retrato{max-width:340px}
.retrato img{width:100%;height:auto;background:var(--marfim-2)}
.cargo{margin-top:10px!important;font-family:var(--f-titulo);font-size:1rem;line-height:1.45;color:var(--bordo)!important}
.mancussi h2{margin-top:18px}
.mancussi__texto>p{margin-top:18px;max-width:54ch}
.citacao{margin-top:26px;padding-left:20px;border-left:2px solid var(--ouro-fundo);font-family:var(--f-titulo);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.3;color:var(--bordo)}
.citacao cite{display:block;margin-top:8px;font-family:var(--f-corpo);font-style:normal;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-escuro)}
.numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px;padding-top:26px;border-top:1px solid var(--fio-escuro)}
.numeros strong{display:block;font-family:var(--f-titulo);font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1;color:var(--bordo)}
.numeros span{display:block;margin-top:8px;font-size:.8rem;line-height:1.35;color:var(--taupe-escuro)}
@media (min-width:960px){.mancussi__grade{grid-template-columns:340px minmax(0,1fr);gap:72px}}

/* Linha do tempo */
.linha{margin-top:clamp(72px,9vw,120px)}
.linha__topo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:34px}
.linha__topo h3{font-size:clamp(1rem,1.45vw,1.2rem)}
.linha ol{position:relative;display:grid}
.linha li{position:relative;padding:0 0 24px 32px}
.linha li::before{content:"";position:absolute;left:0;top:.45em;width:11px;height:11px;border-radius:50%;background:var(--marfim);box-shadow:inset 0 0 0 1px var(--bordo)}
.linha li::after{content:"";position:absolute;left:5px;top:1.25em;bottom:-.25em;width:1px;background:var(--fio-escuro)}
.linha li:last-child::after{display:none}
.linha .ano{display:block;font-family:var(--f-titulo);font-size:1rem;line-height:1.2;color:var(--bordo)}
.linha .marco{display:block;font-size:.9rem;color:#4E3A36}
.linha .valor{display:inline-block;margin-top:6px;padding:2px 8px;background:var(--bordo);color:var(--ouro);font-size:.76rem;letter-spacing:.04em}
.linha li.agora::before{background:var(--ouro);box-shadow:0 0 0 4px rgba(228,192,128,.35),inset 0 0 0 1px var(--bordo)}
@media (min-width:1000px){
  .linha ol{grid-template-columns:repeat(9,minmax(0,1fr));gap:0 14px;padding-top:34px}
  .linha ol::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--bordo);transform-origin:left;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
  .linha:not(.visivel) ol::before{transform:scaleX(0)}
  .linha li{padding:0}
  .linha li::before{top:-34px}
  .linha li::after{display:none}
  .linha .ano{font-size:1.05rem}
}

/* ---------- Para quem é (escuro com fotos) ---------- */
.paraquem__grade{display:grid;gap:56px;align-items:center}
.dores{margin-top:clamp(40px,5vw,64px);display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.dor{position:relative;display:flex;flex-direction:row;align-items:center;gap:18px;padding:20px 22px;text-align:left;font:inherit;color:var(--marfim);background:linear-gradient(160deg,rgba(97,1,2,.34) 0%,rgba(20,2,3,.7) 100%);border:0;border-radius:0;box-shadow:inset 0 0 0 1px var(--fio);cursor:pointer;transition:background .35s,box-shadow .35s,transform .35s}
.dor::after{content:"";position:absolute;left:26px;right:26px;bottom:0;height:2px;background:var(--ouro);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.dor:hover{box-shadow:inset 0 0 0 1px var(--fio-forte);transform:translateY(-3px)}
.dor:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.dor__caixa{flex:none;display:grid;place-items:center;width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--ouro);transition:background .25s}
.dor__caixa::after{content:"";width:12px;height:6px;margin-top:-3px;border-left:2px solid var(--bordo);border-bottom:2px solid var(--bordo);transform:rotate(-45deg);opacity:0;transition:opacity .2s}
.dor__texto{font-family:var(--f-titulo);font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.35}
.dor[aria-pressed="true"]{background:linear-gradient(160deg,#8A1214 0%,var(--bordo) 48%,#3A0203 100%);box-shadow:inset 0 0 0 1px var(--ouro),0 20px 44px rgba(0,0,0,.4)}
.dor[aria-pressed="true"]::after{transform:scaleX(1)}
.dor[aria-pressed="true"] .dor__caixa{background:var(--ouro)}
.dor[aria-pressed="true"] .dor__caixa::after{opacity:1}
.dores__resultado{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;min-height:50px}
.dores__resultado [hidden]{display:none!important}
.dores__dica{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.dores__dica .estrela{width:10px;height:10px;color:var(--ouro)}
.dores__veredito{font-family:var(--f-titulo);font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--ouro)}
@media (min-width:640px){.dores{grid-template-columns:repeat(2,minmax(0,1fr))}.dor{flex-direction:column;align-items:flex-start;gap:26px;min-height:172px;padding:26px 26px 28px}}
@media (min-width:1000px){.dores{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dor{min-height:196px;padding:30px 30px 32px}}
.naoe{margin-top:26px;padding:16px 18px;border-left:2px solid var(--taupe);color:var(--suave);font-size:.95rem}
.naoe strong{color:var(--marfim)}
.paraquem__foto img{width:100%;height:auto;background:var(--vinho)}
@media (min-width:960px){.paraquem__grade{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:80px}}

/* ---------- Mercado (bordô) ---------- */
.mercado__topo{display:grid;gap:18px;max-width:780px}
.dados{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--fio)}
.dados li{position:relative;display:flex;flex-direction:column;gap:12px;padding:36px 30px 30px;background:linear-gradient(180deg,rgba(61,2,3,.9),rgba(40,2,3,.92))}
.dados li::before{content:"";position:absolute;left:30px;top:0;width:44px;height:2px;background:var(--ouro)}
.dados .num{font-family:var(--f-titulo);font-size:clamp(2rem,3.6vw,3rem);line-height:1;color:var(--ouro)}
.dados .desc{color:var(--marfim);max-width:40ch}
.dados .fonte{margin-top:auto;padding-top:8px;font-size:.74rem;letter-spacing:.06em;color:var(--taupe)}
@media (min-width:720px){.dados{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.dados{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Pilares (marfim) ---------- */
.pilares__topo{max-width:760px}
.pilares__topo .lead{margin-top:16px;max-width:60ch}
.pilares{margin-top:60px;display:grid;gap:22px}
.pilar{position:relative;overflow:hidden;isolation:isolate;padding:40px 30px 36px;color:var(--marfim);background:linear-gradient(165deg,#7A0A0C 0%,var(--bordo) 45%,#3A0203 100%)}
.pilar::before{content:attr(data-num);position:absolute;right:18px;top:-10px;z-index:-1;font-family:var(--f-titulo);font-size:5.4rem;line-height:1;color:rgba(228,192,128,.1)}
.pilar::after{content:"";position:absolute;inset:10px;box-shadow:inset 0 0 0 1px var(--fio);pointer-events:none}
.pilar .pilar__num{display:inline-block;margin-top:14px;padding:6px 10px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);box-shadow:inset 0 0 0 1px var(--fio-forte)}
.pilar h3{margin-top:0;color:var(--marfim)!important;font-size:clamp(1.45rem,2.1vw,1.9rem);line-height:1.1}
.pilar__frase{margin-top:14px;font-family:var(--f-titulo);font-size:.95rem;line-height:1.35;color:var(--ouro)!important}
.pilar ul{margin-top:26px;padding-top:22px;border-top:1px solid var(--fio);display:grid;gap:14px}
.pilar li{position:relative;padding-left:22px;color:var(--suave);font-size:.94rem;line-height:1.55}
.pilar li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--ouro);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
@media (min-width:1000px){.pilares{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.pilar:nth-child(2){margin-top:48px}}
.mote{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:64px;font-size:.76rem;letter-spacing:.32em;text-transform:uppercase;color:var(--bordo)}
.mote .estrela{width:10px;height:10px;color:var(--ouro-fundo)}
.pilares__fim{margin-top:28px;text-align:center}
.pilares__fim .nota{margin-top:16px;color:var(--taupe-escuro)!important}

.bloco{margin-top:clamp(72px,9vw,112px)}
.bloco__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:30px}
.bloco__topo h3{font-size:clamp(1rem,1.6vw,1.3rem);color:var(--marfim)}
/* Depoimentos verticais (9:16), sempre com o quadro inteiro: nada escurece o vídeo,
   só o botão de play fica por cima. Celular: carrossel com arraste (scroll-snap) e o
   próximo card aparecendo na borda. A partir de 760px: grade 2x2 com largura contida. */
.depoimentos{display:flex;gap:14px;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);overscroll-behavior-x:contain;scrollbar-width:none}
.depoimentos::-webkit-scrollbar{display:none}
.dep{position:relative;flex:0 0 78%;scroll-snap-align:start;background:var(--noir);box-shadow:inset 0 0 0 1px var(--fio)}
.dep video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:var(--noir)}
.dep__capa{position:absolute;inset:0 0 auto 0;aspect-ratio:9/16;display:grid;place-items:end center;border:0;padding:0 0 9%;background:transparent;cursor:pointer}
.dep__capa span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(228,192,128,.95);box-shadow:0 6px 22px rgba(0,0,0,.35);transition:transform .25s}
.dep__capa span::before{content:"";border-left:16px solid var(--bordo);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}
.dep__capa:hover span{transform:scale(1.06)}
.dep.tocando .dep__capa{display:none}
.dep figcaption{padding:12px 16px;font-size:.88rem;color:var(--suave)}
.dep-pontos{display:flex;justify-content:center;gap:8px;margin-top:18px}
.dep-pontos button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(228,192,128,.3);cursor:pointer;transition:background-color .25s,transform .25s}
.dep-pontos button[aria-current="true"]{background:var(--ouro);transform:scale(1.25)}
@media (min-width:760px){
  .depoimentos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:760px;margin-inline:auto;padding-inline:0;overflow:visible}
  .dep{flex:none}
  .dep-pontos{display:none}
}
.mosaico__topo{margin-top:clamp(72px,9vw,112px);margin-bottom:28px;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px 32px}
.mosaico__topo h3{font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--marfim)}
.mosaico__topo p{color:var(--suave);max-width:46ch}
.mosaico{max-width:1600px;margin:0 auto;padding:0 8px;display:grid;gap:8px}
.fileira{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.m-coluna{display:grid;gap:8px}
.m-foto{position:relative;overflow:hidden;cursor:zoom-in;background:var(--vinho)}
.m-foto img{width:100%;height:auto;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}
.m-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,2,3,0) 55%,rgba(20,2,3,.78) 100%);pointer-events:none}
.m-foto figcaption{position:absolute;left:18px;bottom:14px;z-index:1;display:flex;align-items:center;gap:10px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.m-foto figcaption::before{content:"";width:22px;height:1px;background:currentColor}
.m-foto:hover img,.m-foto:focus-visible img{transform:scale(1.035)}
@media (min-width:900px){
  .fileira{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .fileira--metades{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .m-grande img{height:100%;object-fit:cover}
  .m-foto figcaption{left:24px;bottom:20px}
}
.janela--foto .janela__caixa{max-width:1400px}
.janela--foto img{width:100%;max-height:84vh;object-fit:contain}
.janela--foto p{margin-top:12px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);text-align:center}

/* ---------- Ingressos (bordô, formato de ticket) ---------- */
.ingresso__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px 32px}
.lote{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;background:var(--ouro);color:var(--bordo);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase}
.tickets{margin:56px auto 0;max-width:560px;display:grid;gap:28px}
.ticket{--corte:182px;position:relative;display:flex;flex-direction:column;
  -webkit-mask:radial-gradient(circle 14px at left var(--corte),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at right var(--corte),#0000 97%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 14px at left var(--corte),#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at right var(--corte),#0000 97%,#000) right/51% 100% no-repeat;
  background:linear-gradient(180deg,#1C0405 0%,#0F0203 100%);color:var(--marfim)}
.ticket::after{content:"";position:absolute;inset:8px;box-shadow:inset 0 0 0 1px rgba(228,192,128,.26);pointer-events:none}
.ticket__canhoto{height:var(--corte);padding:30px 32px 28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background:radial-gradient(120% 130% at 0% 0%,rgba(228,192,128,.09) 0%,rgba(228,192,128,0) 60%)}
.ticket__canhoto .t{font-size:1.3rem;line-height:1.15}
.ticket__canhoto small{display:block;margin-top:8px;font-family:var(--f-corpo);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}

/* Selo em forma de ingresso: Lote 1 e VIP */
.selo{display:inline-flex;align-items:stretch;height:44px;background:linear-gradient(135deg,#F3DCAE 0%,var(--ouro) 45%,#C9A464 100%);color:var(--bordo);
  -webkit-mask:radial-gradient(circle 7px at left 50%,#0000 96%,#000) left/51% 100% no-repeat,radial-gradient(circle 7px at right 50%,#0000 96%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 7px at left 50%,#0000 96%,#000) left/51% 100% no-repeat,radial-gradient(circle 7px at right 50%,#0000 96%,#000) right/51% 100% no-repeat}
.selo__canhoto{display:grid;place-items:center;width:38px;border-right:1.5px dashed rgba(97,1,2,.42)}
.selo__canhoto .estrela{width:11px;height:11px}
.selo__texto{display:flex;align-items:baseline;align-self:center;gap:8px;padding:0 18px 0 14px;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;line-height:1}
.selo__texto b{font-family:var(--f-titulo);font-weight:400;font-size:1.35rem;letter-spacing:.06em}

.preco__lote{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.preco__lote .estrela{width:10px;height:10px}
@media (max-width:520px){.ticket__canhoto small{letter-spacing:.12em}}
.ticket__corpo{position:relative;flex:1;display:flex;flex-direction:column;padding:30px 32px 34px}
.ticket__corpo::before{content:"";position:absolute;left:22px;right:22px;top:0;border-top:1px dashed rgba(228,192,128,.5)}
.ticket__apoio{font-family:var(--f-titulo);font-size:.98rem;line-height:1.35;color:var(--ouro)}
.ticket ul{margin:22px 0 28px;display:grid;gap:10px;align-content:start}
.ticket li{position:relative;padding-left:24px;font-size:.95rem;color:var(--suave)}
.ticket li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:1.5px solid var(--ouro);border-bottom:1.5px solid var(--ouro);transform:rotate(-45deg)}
.preco{margin-top:auto}
.preco__parc{display:flex;align-items:baseline;gap:8px;font-family:var(--f-titulo);font-size:clamp(1.6rem,3vw,2.05rem);line-height:1}
.preco__parc small{font-size:.42em;color:var(--taupe)}
.preco__vista{margin-top:10px;color:var(--suave)}
.preco__pessoa{display:block;margin-top:8px;color:var(--ouro);font-size:.9rem}
.ticket .btn{margin-top:26px;width:100%}
.ticket .nota{margin-top:12px}


.ticket--vip::after{box-shadow:inset 0 0 0 1px rgba(228,192,128,.6)}
.ticket--vip::before{content:"";position:absolute;inset:13px;z-index:1;box-shadow:inset 0 0 0 1px rgba(228,192,128,.22);pointer-events:none}
.ticket--vip .ticket__canhoto{background:radial-gradient(120% 130% at 0% 0%,rgba(228,192,128,.16) 0%,rgba(228,192,128,0) 62%)}
.ticket--vip .ticket__canhoto .t{color:var(--ouro)}

@media (min-width:700px){
  .tickets{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .ticket--vip{grid-column:1/-1;justify-self:center;width:calc(50% - 14px);margin-top:28px}
}
@media (min-width:1100px){
  .tickets{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ticket__canhoto,.ticket__corpo{padding-left:28px;padding-right:28px}
  .ticket .btn{padding:0 14px;letter-spacing:.12em;font-size:.76rem}
  .ticket--vip{grid-column:auto;justify-self:stretch;width:auto;margin-top:0}
}
/* Linhas alinhadas entre os ingressos: selo, texto de apoio, lista, preço e botão */
@supports (grid-template-rows:subgrid){
  @media (min-width:700px){
    .tickets{row-gap:0}
    .ticket{display:grid;grid-template-rows:subgrid;grid-row:span 6}
    .ticket__corpo{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
    .ticket .preco{margin-top:0}
  }
}
.seguro{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.84rem;color:var(--suave)}
.seguro span{display:inline-flex;align-items:center;gap:8px}
.seguro .estrela{width:9px;height:9px;color:var(--ouro)}

/* ---------- Programação (marfim) ---------- */
.dias{margin-top:48px;display:grid;gap:28px}
.dia{padding:30px;background:#FBF9F5;box-shadow:inset 0 0 0 1px var(--fio-escuro)}
.dia h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:1.05rem}
.dia h3 span{font-family:var(--f-corpo);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-escuro)}
.dia ol{margin-top:18px}
.dia li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--fio-escuro);color:var(--vinho)}
.dia .hora{color:var(--taupe-escuro);font-size:.88rem}
@media (min-width:880px){.dias{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Local (escuro) ---------- */
.local{position:relative;isolation:isolate;overflow:hidden;padding:clamp(96px,12vw,160px) 0;min-height:clamp(560px,62vw,720px);display:flex;align-items:center;background:var(--tinta)}
.local__fundo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.local::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,2,3,.55) 0%,rgba(20,2,3,.35) 40%,rgba(20,2,3,.9) 100%)}
.local__grade{display:grid;gap:36px;align-items:end;width:100%}
.local h2{margin-top:16px;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.05}
.local__sub{margin-top:18px;max-width:42ch;color:var(--marfim)}
.local__cartao{padding:28px 30px;max-width:420px;background:rgba(20,2,3,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--fio-forte)}
.local__rotulo{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.local__rotulo:not(:first-child){margin-top:18px;padding-top:16px;border-top:1px solid var(--fio)}
.local__cartao address{margin-top:6px;font-style:normal;color:var(--marfim);line-height:1.65}
.local__cartao .local__quando{margin-top:6px;font-family:var(--f-titulo);color:var(--ouro);line-height:1.45}
@media (min-width:900px){.local::before{background:linear-gradient(90deg,rgba(20,2,3,.92) 0%,rgba(20,2,3,.6) 45%,rgba(20,2,3,.25) 100%),linear-gradient(180deg,rgba(20,2,3,.35),rgba(20,2,3,0) 30%,rgba(20,2,3,.7) 100%)}.local__grade{grid-template-columns:minmax(0,1fr) 420px;align-items:end}.local__cartao{justify-self:end}}

/* ---------- FAQ (marfim) ---------- */
.faq__grade{display:grid;gap:40px}
.faq{border-top:1px solid var(--fio-escuro)}
.faq details{border-bottom:1px solid var(--fio-escuro)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-family:var(--f-titulo);font-size:.98rem;line-height:1.4;color:var(--bordo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(97,1,2,.35);color:var(--bordo);font-family:var(--f-corpo);font-size:1.2rem;transition:transform .25s,background-color .25s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--bordo);color:var(--ouro)}
.faq details>p{padding:0 0 26px;max-width:64ch}
@media (min-width:960px){.faq__grade{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:80px}}

/* ---------- Chamada final ---------- */
.final{position:relative;isolation:isolate;overflow:hidden;padding:clamp(88px,12vw,150px) 0;background:radial-gradient(70% 120% at 85% 50%,#8A1214 0%,var(--bordo) 38%,#2A0203 100%)}
.final::before{content:"";position:absolute;right:-6%;top:50%;z-index:-1;width:min(560px,70vw);aspect-ratio:520/601;transform:translateY(-50%);background:var(--monograma) center/contain no-repeat;opacity:.08}
.final__grade{display:grid;gap:48px;align-items:center}
.final h2{margin-top:16px;max-width:20ch;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.12}
.final .btn{margin-top:34px}
.relogio{position:relative;padding:clamp(28px,3.5vw,40px);background:rgba(20,2,3,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--fio-forte)}
.relogio::before{content:"";position:absolute;inset:8px;box-shadow:inset 0 0 0 1px var(--fio);pointer-events:none}
.relogio__titulo,.relogio__lote{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe)}
.relogio__lote{margin-top:22px;color:var(--ouro)}
.relogio__numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.relogio__numeros div{padding:0 clamp(8px,1.5vw,18px);border-left:1px solid var(--fio)}
.relogio__numeros div:first-child{padding-left:0;border-left:0}
.relogio strong{display:block;font-family:var(--f-titulo);font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;color:var(--ouro);font-variant-numeric:tabular-nums}
.relogio span{display:block;margin-top:10px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--suave)}
@media (min-width:960px){.final__grade{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px}}

/* ---------- Rodapé ---------- */
.patrocinio{overflow:hidden;padding:clamp(80px,11vw,140px) 0;background:linear-gradient(120deg,#F3DCAE 0%,var(--ouro) 42%,#CDA766 100%);color:var(--bordo)}
.patrocinio::before{content:"";position:absolute;right:-3%;top:50%;z-index:-1;width:min(560px,72vw);aspect-ratio:520/601;transform:translateY(-50%);background:var(--bordo);-webkit-mask:var(--monograma) center/contain no-repeat;mask:var(--monograma) center/contain no-repeat;opacity:.06}
.patrocinio__moldura{position:absolute;inset:14px;box-shadow:inset 0 0 0 1px rgba(97,1,2,.3);pointer-events:none}
.patrocinio__grade{display:grid;gap:48px}
.patrocinio .marca{color:var(--bordo)}
.patrocinio h2{margin-top:18px;max-width:17ch;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.08;color:var(--bordo)}
.patrocinio__texto>p:not(.marca){margin-top:20px;max-width:44ch;color:#4A2316}
.patrocinio .btn{margin-top:32px}
.patrocinio__fatos{margin:0}
.patrocinio__fatos div{padding:18px 0;border-top:1px solid rgba(97,1,2,.3)}
.patrocinio__fatos div:last-child{border-bottom:1px solid rgba(97,1,2,.3)}
.patrocinio__fatos dt{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(97,1,2,.72)}
.patrocinio__fatos dd{margin:6px 0 0;font-family:var(--f-titulo);font-size:1.05rem;line-height:1.35;color:var(--bordo)}
@media (min-width:960px){.patrocinio__grade{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:88px;align-items:end}}
.rodape{padding:56px 0 40px;background:var(--noir);color:var(--taupe);font-size:.84rem}
.rodape__grade{display:grid;gap:28px}
.rodape img{width:140px;height:auto}
.rodape p{line-height:1.7}
.rodape__base{margin-top:36px;padding-top:24px;border-top:1px solid rgba(243,240,234,.08);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
@media (min-width:900px){.rodape__grade{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:899px){.rodape{padding:36px 0 calc(104px + env(safe-area-inset-bottom));text-align:center}.rodape__grade{gap:14px;justify-items:center}.rodape img{width:92px}.rodape p{line-height:1.55}.rodape__base{margin-top:22px;padding-top:16px;justify-content:center;gap:6px 16px}}

/* ---------- Barra fixa de compra no celular ---------- */
.compra{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(20,2,3,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--fio);transform:translateY(110%);transition:transform .35s}
.compra.ativa{transform:none}
.compra p{font-size:.78rem;line-height:1.35;color:var(--suave)}
.compra p strong{display:block;font-family:var(--f-titulo);font-size:1.05rem;color:var(--marfim)}
.compra .btn{min-height:46px;padding:0 18px;font-size:.7rem}
@media (min-width:900px){.compra{display:none}}
/* Celular e tablet: botões de compra centralizados */
@media (max-width:999px){
  .dores__resultado{flex-direction:column;justify-content:center;text-align:center}
  .dores__resultado .btn,.pilares__fim .btn,.final .btn{width:100%;max-width:420px}
  .final__texto{text-align:center}
  .final__texto .marca{justify-content:center;text-align:center}
  .final h2{margin-left:auto;margin-right:auto}
  .final__texto .marca::before{display:none}
  .relogio{text-align:center}
  .relogio__numeros{justify-content:center}
}

/* ---------- Janelas (vídeo e formulário) ---------- */
.janela{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,5,5,.88)}
.janela[hidden]{display:none}
.janela__caixa{position:relative;width:100%;max-width:960px}
.janela__caixa video{width:100%;aspect-ratio:16/9;background:#000}
.janela--form .janela__caixa{max-width:560px;background:#fff}
.janela--form iframe{width:100%;height:640px;max-height:88vh;border:0}
.janela__fechar{position:absolute;top:-18px;right:-8px;width:40px;height:40px;border-radius:50%;border:0;background:var(--ouro);color:var(--bordo);font-size:1.3rem;line-height:1;cursor:pointer;z-index:2}


/* Vídeo na seção do Thiago */
.cinema{position:relative;margin-top:clamp(64px,8vw,104px);background:var(--tinta)}
.cinema video{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--tinta)}
.cinema__capa{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:clamp(18px,3vw,36px);border:0;cursor:pointer;background:linear-gradient(200deg,rgba(20,2,3,0) 45%,rgba(20,2,3,.6) 100%)}
.cinema__capa span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ouro);transition:transform .25s}
.cinema__capa span::before{content:"";border-left:18px solid var(--bordo);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.cinema__capa:hover span{transform:scale(1.06)}
.cinema.tocando .cinema__capa{display:none}

/* Três decisões */
.decisoes{margin-top:clamp(64px,8vw,104px);display:grid;grid-template-columns:minmax(0,1fr);background:var(--tinta);box-shadow:0 30px 60px -30px rgba(42,4,5,.55)}
.decisoes__foto img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;object-position:55% 50%}
.decisoes__conteudo{position:relative;overflow:hidden;isolation:isolate;padding:clamp(32px,5vw,60px);background:radial-gradient(90% 120% at 100% 0%,#7E0B0D 0%,var(--bordo) 45%,#2E0203 100%)}
.decisoes__conteudo::after{content:"";position:absolute;right:-70px;bottom:-60px;z-index:-1;width:300px;height:347px;background:var(--monograma) center/contain no-repeat;opacity:.07}
.decisoes .marca{color:var(--ouro)}
.decisoes .decisoes__conteudo h3{margin-top:14px;color:var(--marfim);font-size:clamp(1.3rem,2.2vw,1.75rem)}
.decisoes__lista{margin-top:30px}
.decisoes__lista li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--fio)}
.decisoes__lista li:last-child{border-bottom:1px solid var(--fio)}
.decisoes__n{font-family:var(--f-titulo);font-size:clamp(2rem,3vw,2.6rem);line-height:1;color:var(--ouro)}
.decisoes .decisoes__lista p{font-family:var(--f-titulo);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.4;color:var(--marfim)}
@media (min-width:900px){.decisoes{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.decisoes__foto img{aspect-ratio:auto}}


@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.linha:not(.visivel) ol::before{transform:none}}

/* ---------- Popup do formulário FullFunnel (popup.js cria o DOM) ---------- */
.form-popup-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,2,3,.86);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.form-popup-overlay[hidden]{display:none}
.form-popup-container{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:92vh;overflow:hidden;background:var(--bordo);border-radius:4px;box-shadow:inset 0 0 0 1px var(--fio)}
.form-popup-close{position:absolute;top:8px;right:8px;z-index:1;width:36px;height:36px;border:0;border-radius:50%;background:rgba(20,2,3,.7);color:var(--marfim);font-size:1.5rem;line-height:1;cursor:pointer}
.form-popup-close:hover{background:var(--tinta)}
.form-popup-iframe{width:100%;height:600px;max-height:92vh;border:0}