/* Pud Mídias · site · overrides e componentes novos (o DS em assets/ds/ fica congelado) */

/* == base == */
main > section[id]{scroll-margin-top:var(--nav)}
.sec-head h2.h2-long{font-size:clamp(38px,4.6vw,72px)}
/* sem JS (ou pud-ds.js fora do ar): nada fica escondido */
html:not(.js) .preloader{display:none}
html:not(.js).is-loading{overflow:visible}
html:not(.js) .rv,html:not(.js) .rv-l,html:not(.js) .hero-anim,html:not(.js) #stage .el,html:not(.js) #stage .tag{opacity:1;transform:none;transition:none}
html:not(.js) #stage .paper{transform:rotate(-4deg)}
html:not(.js) .cut>img{clip-path:none}
.ds-footer .nota-video{font-size:12px;color:var(--m200);max-width:60ch}
@media(min-width:901px){.ds-footer .cols{grid-template-columns:2fr 1fr 1fr}}

/* == hero == */
#hero h1{font-size:clamp(44px,6vw,96px)}

/* == 01 como funciona == */
.stats-panel{margin-top:18px;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,3vw,40px);background:var(--ameixa);color:var(--creme);border:1.5px solid var(--ameixa);box-shadow:8px 8px 0 var(--malva)}
.stats-cycle{display:grid;place-items:center}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stats-row>div{padding:0 22px;border-right:1px solid var(--line-d)}
.stats-row>div:first-child{padding-left:0}
.stats-row>div:last-child{border-right:0}
.stats-row b{display:block;font:400 clamp(38px,4vw,60px)/1 var(--f-disp)}
.stats-row b small{font-size:.45em;margin:0 3px;color:var(--m300)}
.stats-row .cap{display:block;margin-top:10px;font:500 10px/1.5 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m200)}
.footnote{margin-top:22px;font-size:13px;color:var(--grafite);max-width:70ch}
@media(max-width:980px){.stats-panel{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr);row-gap:26px}.stats-row>div:nth-child(2){border-right:0}.stats-row>div:nth-child(odd){padding-left:0}.stats-row>div:nth-child(even){padding-left:22px}}

/* == 02 por que anunciar == */
.sec-dark .card-feat{background:rgba(242,235,227,.03);border-color:var(--line-d)}
.sec-dark .card-feat h4{color:var(--creme)}
.sec-dark .card-feat p{color:var(--m200)}
.sec-dark .card-feat .ic{background:transparent;border-color:var(--line-d);color:var(--m300)}
.sec-dark .card-feat:hover .ic{background:var(--malva);color:var(--creme);border-color:var(--malva)}
.sec-dark .card-feat .tagline{color:var(--m300);border-top-color:var(--line-d)}

/* == 03 para quem é == */
.publico-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);column-gap:34px;margin:0;padding:0}
.publico-list li{display:flex;gap:14px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);font:600 18px/1.35 var(--f-body)}
.publico-list .pt{flex:none;width:10px;height:10px;border-radius:50%;background:var(--malva);transform:translateY(-1px)}
@media(max-width:980px){.publico-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.publico-list{grid-template-columns:1fr}}

/* == 04 os pontos == */
.pontos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pontos-mais{margin-top:30px;text-align:center;font-size:16px;color:var(--grafite)}
.pontos-mais a{color:var(--malva);font-weight:600}
@media(max-width:1020px){.pontos-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pontos-grid{grid-template-columns:1fr}}

/* == 05 a tela no ar == */
.tela-demo{max-width:880px;margin:0 auto;position:relative}
.tela-demo figcaption{margin-top:22px;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m200)}

/* == 06 planos == */
.planos-parceiro{margin-top:34px;text-align:center;font-size:16px;color:var(--ameixa)}
.planos-parceiro a{color:var(--malva);font-weight:600}
#planos .nota-video{margin-top:14px;text-align:center;font-size:12.5px;color:var(--grafite)}

/* == 07 o que você recebe == */
.recebe-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:44px}
.recebe-list li{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line-d);color:var(--creme);font-size:17px;line-height:1.5}
.recebe-list .ico{flex:none;width:22px;height:22px;margin-top:2px;color:var(--m300)}
@media(max-width:760px){.recebe-list{grid-template-columns:1fr}}

/* == 08 como começar == */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.passos li{padding-top:16px;border-top:1.5px solid var(--ameixa)}
.passos .n{display:block;font:400 72px/1 var(--f-disp)}
.passos p{margin-top:10px;font-size:17px;line-height:1.5}
.comecar-cta{margin-top:48px;text-align:center}
@media(max-width:760px){.passos{grid-template-columns:1fr}}

/* == 09 parceiros == */
.formas{grid-template-columns:repeat(2,1fr);margin-bottom:34px}
@media(max-width:760px){.formas{grid-template-columns:1fr}}
/* o simulador nasceu numa seção clara: dentro do escuro, o painel de entrada segue em papel com texto ameixa */
.sec-dark .sim{color:var(--ameixa)}
.sec-dark .sim-in{color:var(--ameixa)}
.tbl-parceiros{margin-top:34px}
.sec-dark .tbl td{color:var(--creme)}
.destaque{margin-top:34px;font:400 clamp(26px,3.4vw,40px)/1.15 var(--f-disp);text-transform:uppercase;color:var(--creme);max-width:30ch}
.destaque em{font-style:normal;color:var(--m300)}
.parceiro-req{margin-top:26px;color:var(--m200);font-size:16px}
.parceiro-cta{margin-top:22px}

/* == 10 crenças == */
.policy h5{font-size:clamp(20px,2vw,26px)}

/* == 12 quem está por trás == */
.quem{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.quem-sinal{position:relative;width:320px;height:320px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-d)}
.quem-sinal .singularity-wrapper{position:absolute;inset:0}
.quem-sinal img{position:relative;width:96px;height:auto}
.quem h3{font-size:clamp(40px,5vw,64px);line-height:1;color:var(--creme)}
.quem p{margin-top:18px;max-width:52ch;font-size:18px;line-height:1.6;color:var(--m200)}
@media(max-width:760px){.quem{grid-template-columns:1fr}.quem-sinal{width:100%;max-width:320px;height:260px}}

/* == 13 dúvidas == */
.faq{max-width:880px}
.faq-item{border-bottom:1px solid var(--line-2)}
.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font:600 clamp(17px,1.8vw,20px)/1.35 var(--f-body);transition:color .25s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--malva)}
.faq-item .pm{flex:none;position:relative;width:22px;height:22px;transition:transform .45s var(--e-expo)}
.faq-item .pm::before,.faq-item .pm::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--malva)}
.faq-item .pm::after{transform:rotate(90deg)}
.faq-item[open] .pm{transform:rotate(45deg)}
.faq-a{padding:0 44px 24px 0;max-width:68ch;font-size:16.5px;line-height:1.6;color:var(--grafite)}
.faq-a a{color:var(--malva);font-weight:600}
.faq-item[open] .faq-a{animation:faqIn .45s var(--e-expo)}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.faq-item[open] .faq-a{animation:none}}

/* == chamada final == */
.cta-final{text-align:center;padding:clamp(100px,13vw,180px) 0}
.cta-final .cta-bg{position:absolute;inset:0;background:url(../ds/textura-duo.webp) center/cover}
.cta-final .cta-bg::after{content:'';position:absolute;inset:0;background:rgba(56,32,54,.55)}
.cta-final .wrap{position:relative}
.cta-final h2{margin:22px 0 16px;font-size:clamp(46px,6.2vw,96px);line-height:.95;color:var(--creme)}
.cta-final .cta-sub{margin:0 auto 34px;max-width:48ch;font-size:18px;color:var(--m200)}

/* == ajustes de celular (achados na revisão das capturas) == */
#hero .kicker{flex-wrap:wrap;row-gap:8px}
#hero .kicker .live{white-space:nowrap}
.sim{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.sim-in,.sim-out{min-width:0}
.sim .seg{max-width:100%}
.sim .seg button{padding-inline:clamp(8px,2.4vw,16px);letter-spacing:.1em}
@media(max-width:900px){.sim{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){.sim-in,.sim-out{padding:22px 18px}.sim .seg button{font-size:10px;padding-inline:6px;letter-spacing:.06em}}
@media(max-width:420px){.btn-lg{max-width:100%;padding-inline:16px;letter-spacing:.1em;white-space:normal;text-align:center}}
.tt-b{translate:var(--tt-shift,0px) 0;max-width:min(240px,calc(100vw - 16px))}
.tt-b::after{margin-left:calc(-6px - var(--tt-shift,0px))}

/* chamada final: véu mais fechado para o texto ter contraste sobre a textura clara */
.cta-final .cta-bg::after{background:rgba(30,15,28,.72)}
.cta-final h2{line-height:1.04}
.cta-final .live{color:var(--creme)}
.cta-final .cta-sub{color:var(--creme)}

/* menu do celular: o botão de WhatsApp volta à fonte de botão (a regra .nav-drawer a do DS, mais específica, o deixava em Anton 30px e cortado) */
.nav-drawer a.btn{font:500 12px/1 var(--f-mono);letter-spacing:.18em;justify-content:center;padding:15px 20px;border-bottom:1.5px solid transparent;margin-top:14px;text-transform:uppercase}