/* Black da Prô 2026 — identidade da Trilha do Leitor Inteligente, edição Black.
   Celular primeiro. Fontes locais (pasta fonts/). */

@font-face{font-family:"Fraunces";src:url("../fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/nunito-sans.woff2") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:"Pagella";src:url("../fonts/pagella-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Pagella";src:url("../fonts/pagella-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Pagella";src:url("../fonts/pagella-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --paper:#F4EFE4; --paper-2:#EAE2D2; --ivory:#FBF8F1;
  --ink:#2A2420; --ink-2:#5A5048; --line:#DCD0BB;
  --red:#C4302A; --red-deep:#9C241F; --vermilion:#D13E1D;
  --gold:#E2B259; --gold-soft:#F6E7C4;
  --night:#1B1613; --night-2:#251E19; --night-line:rgba(246,231,196,.16); --night-text:#EFE6D4; --night-muted:#C9BBA3;
  --wa:#1FA855; --wa-deep:#168A45;
  --display:"Fraunces","Iowan Old Style",Georgia,serif;
  --serif:"Pagella","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --sans:"Nunito Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --page-shadow:0 1px 2px rgba(58,38,18,.14),0 14px 30px -10px rgba(58,38,18,.34);
  --deckle:polygon(0.00% 2.6px,2.17% 1.8px,4.35% 4.0px,6.52% 1.5px,8.70% 3.5px,10.87% 2.8px,13.04% 1.4px,15.22% 3.4px,17.39% 1.4px,19.57% 3.1px,21.74% 1.5px,23.91% 1.6px,26.09% 3.0px,28.26% 4.8px,30.43% 1.7px,32.61% 2.2px,34.78% 3.9px,36.96% 5.3px,39.13% 3.7px,41.30% 2.9px,43.48% 5.4px,45.65% 1.4px,47.83% 4.9px,50.00% 2.4px,52.17% 1.8px,54.35% 1.7px,56.52% 2.5px,58.70% 4.7px,60.87% 2.0px,63.04% 3.7px,65.22% 3.9px,67.39% 2.8px,69.57% 3.6px,71.74% 1.5px,73.91% 1.5px,76.09% 2.1px,78.26% 4.1px,80.43% 3.0px,82.61% 2.6px,84.78% 3.7px,86.96% 3.1px,89.13% 2.5px,91.30% 4.6px,93.48% 4.2px,95.65% 2.2px,97.83% 3.7px,100.00% 3.5px,calc(100% - 5.0px) 2.94%,calc(100% - 4.3px) 5.88%,calc(100% - 2.4px) 8.82%,calc(100% - 5.4px) 11.76%,calc(100% - 1.7px) 14.71%,calc(100% - 3.0px) 17.65%,calc(100% - 4.5px) 20.59%,calc(100% - 1.9px) 23.53%,calc(100% - 3.3px) 26.47%,calc(100% - 1.4px) 29.41%,calc(100% - 4.1px) 32.35%,calc(100% - 4.5px) 35.29%,calc(100% - 3.7px) 38.24%,calc(100% - 5.0px) 41.18%,calc(100% - 2.5px) 44.12%,calc(100% - 4.2px) 47.06%,calc(100% - 3.8px) 50.00%,calc(100% - 3.7px) 52.94%,calc(100% - 3.2px) 55.88%,calc(100% - 4.8px) 58.82%,calc(100% - 5.3px) 61.76%,calc(100% - 3.2px) 64.71%,calc(100% - 4.1px) 67.65%,calc(100% - 1.5px) 70.59%,calc(100% - 4.2px) 73.53%,calc(100% - 4.0px) 76.47%,calc(100% - 5.5px) 79.41%,calc(100% - 4.7px) 82.35%,calc(100% - 2.4px) 85.29%,calc(100% - 2.9px) 88.24%,calc(100% - 4.1px) 91.18%,calc(100% - 1.3px) 94.12%,calc(100% - 3.2px) 97.06%,calc(100% - 1.9px) 100.00%,97.83% calc(100% - 1.7px),95.65% calc(100% - 1.5px),93.48% calc(100% - 4.5px),91.30% calc(100% - 1.8px),89.13% calc(100% - 2.3px),86.96% calc(100% - 2.9px),84.78% calc(100% - 4.9px),82.61% calc(100% - 1.5px),80.43% calc(100% - 3.1px),78.26% calc(100% - 3.6px),76.09% calc(100% - 5.0px),73.91% calc(100% - 4.7px),71.74% calc(100% - 4.9px),69.57% calc(100% - 2.4px),67.39% calc(100% - 3.0px),65.22% calc(100% - 2.7px),63.04% calc(100% - 5.0px),60.87% calc(100% - 5.3px),58.70% calc(100% - 1.8px),56.52% calc(100% - 2.0px),54.35% calc(100% - 2.2px),52.17% calc(100% - 2.2px),50.00% calc(100% - 3.3px),47.83% calc(100% - 3.7px),45.65% calc(100% - 2.3px),43.48% calc(100% - 1.2px),41.30% calc(100% - 3.0px),39.13% calc(100% - 2.8px),36.96% calc(100% - 3.6px),34.78% calc(100% - 5.3px),32.61% calc(100% - 4.2px),30.43% calc(100% - 3.4px),28.26% calc(100% - 3.9px),26.09% calc(100% - 4.1px),23.91% calc(100% - 1.4px),21.74% calc(100% - 5.1px),19.57% calc(100% - 4.6px),17.39% calc(100% - 5.0px),15.22% calc(100% - 4.6px),13.04% calc(100% - 2.9px),10.87% calc(100% - 2.9px),8.70% calc(100% - 1.6px),6.52% calc(100% - 3.9px),4.35% calc(100% - 1.5px),2.17% calc(100% - 1.5px),0.00% calc(100% - 2.1px),1.9px 97.06%,2.7px 94.12%,1.4px 91.18%,1.2px 88.24%,1.9px 85.29%,1.6px 82.35%,2.8px 79.41%,1.3px 76.47%,5.0px 73.53%,3.8px 70.59%,1.8px 67.65%,2.3px 64.71%,2.7px 61.76%,2.8px 58.82%,1.7px 55.88%,4.9px 52.94%,5.5px 50.00%,3.2px 47.06%,3.3px 44.12%,1.6px 41.18%,1.6px 38.24%,2.7px 35.29%,2.3px 32.35%,4.8px 29.41%,1.9px 26.47%,1.3px 23.53%,5.3px 20.59%,3.5px 17.65%,1.8px 14.71%,3.5px 11.76%,1.3px 8.82%,3.5px 5.88%,5.4px 2.94%);
  --deckle-top:polygon(0.00% 6.2px,2.17% 5.3px,4.35% 2.9px,6.52% 3.5px,8.70% 2.4px,10.87% 5.7px,13.04% 4.4px,15.22% 5.8px,17.39% 3.3px,19.57% 2.7px,21.74% 6.0px,23.91% 6.9px,26.09% 6.2px,28.26% 5.9px,30.43% 6.0px,32.61% 5.6px,34.78% 2.7px,36.96% 4.3px,39.13% 3.5px,41.30% 1.7px,43.48% 1.7px,45.65% 3.0px,47.83% 2.9px,50.00% 5.3px,52.17% 6.8px,54.35% 4.0px,56.52% 6.7px,58.70% 6.9px,60.87% 6.8px,63.04% 3.5px,65.22% 2.7px,67.39% 2.7px,69.57% 2.6px,71.74% 2.6px,73.91% 4.9px,76.09% 6.5px,78.26% 6.1px,80.43% 4.1px,82.61% 5.1px,84.78% 5.9px,86.96% 2.0px,89.13% 5.1px,91.30% 6.5px,93.48% 5.8px,95.65% 5.6px,97.83% 4.1px,100.00% 2.5px,calc(100% - 0px) 2.94%,calc(100% - 0px) 5.88%,calc(100% - 0px) 8.82%,calc(100% - 0px) 11.76%,calc(100% - 0px) 14.71%,calc(100% - 0px) 17.65%,calc(100% - 0px) 20.59%,calc(100% - 0px) 23.53%,calc(100% - 0px) 26.47%,calc(100% - 0px) 29.41%,calc(100% - 0px) 32.35%,calc(100% - 0px) 35.29%,calc(100% - 0px) 38.24%,calc(100% - 0px) 41.18%,calc(100% - 0px) 44.12%,calc(100% - 0px) 47.06%,calc(100% - 0px) 50.00%,calc(100% - 0px) 52.94%,calc(100% - 0px) 55.88%,calc(100% - 0px) 58.82%,calc(100% - 0px) 61.76%,calc(100% - 0px) 64.71%,calc(100% - 0px) 67.65%,calc(100% - 0px) 70.59%,calc(100% - 0px) 73.53%,calc(100% - 0px) 76.47%,calc(100% - 0px) 79.41%,calc(100% - 0px) 82.35%,calc(100% - 0px) 85.29%,calc(100% - 0px) 88.24%,calc(100% - 0px) 91.18%,calc(100% - 0px) 94.12%,calc(100% - 0px) 97.06%,calc(100% - 0px) 100.00%,97.83% calc(100% - 0px),95.65% calc(100% - 0px),93.48% calc(100% - 0px),91.30% calc(100% - 0px),89.13% calc(100% - 0px),86.96% calc(100% - 0px),84.78% calc(100% - 0px),82.61% calc(100% - 0px),80.43% calc(100% - 0px),78.26% calc(100% - 0px),76.09% calc(100% - 0px),73.91% calc(100% - 0px),71.74% calc(100% - 0px),69.57% calc(100% - 0px),67.39% calc(100% - 0px),65.22% calc(100% - 0px),63.04% calc(100% - 0px),60.87% calc(100% - 0px),58.70% calc(100% - 0px),56.52% calc(100% - 0px),54.35% calc(100% - 0px),52.17% calc(100% - 0px),50.00% calc(100% - 0px),47.83% calc(100% - 0px),45.65% calc(100% - 0px),43.48% calc(100% - 0px),41.30% calc(100% - 0px),39.13% calc(100% - 0px),36.96% calc(100% - 0px),34.78% calc(100% - 0px),32.61% calc(100% - 0px),30.43% calc(100% - 0px),28.26% calc(100% - 0px),26.09% calc(100% - 0px),23.91% calc(100% - 0px),21.74% calc(100% - 0px),19.57% calc(100% - 0px),17.39% calc(100% - 0px),15.22% calc(100% - 0px),13.04% calc(100% - 0px),10.87% calc(100% - 0px),8.70% calc(100% - 0px),6.52% calc(100% - 0px),4.35% calc(100% - 0px),2.17% calc(100% - 0px),0.00% calc(100% - 0px),0px 97.06%,0px 94.12%,0px 91.18%,0px 88.24%,0px 85.29%,0px 82.35%,0px 79.41%,0px 76.47%,0px 73.53%,0px 70.59%,0px 67.65%,0px 64.71%,0px 61.76%,0px 58.82%,0px 55.88%,0px 52.94%,0px 50.00%,0px 47.06%,0px 44.12%,0px 41.18%,0px 38.24%,0px 35.29%,0px 32.35%,0px 29.41%,0px 26.47%,0px 23.53%,0px 20.59%,0px 17.65%,0px 14.71%,0px 11.76%,0px 8.82%,0px 5.88%,0px 2.94%);
  --deckle-bottom:polygon(0.00% 0px,2.17% 0px,4.35% 0px,6.52% 0px,8.70% 0px,10.87% 0px,13.04% 0px,15.22% 0px,17.39% 0px,19.57% 0px,21.74% 0px,23.91% 0px,26.09% 0px,28.26% 0px,30.43% 0px,32.61% 0px,34.78% 0px,36.96% 0px,39.13% 0px,41.30% 0px,43.48% 0px,45.65% 0px,47.83% 0px,50.00% 0px,52.17% 0px,54.35% 0px,56.52% 0px,58.70% 0px,60.87% 0px,63.04% 0px,65.22% 0px,67.39% 0px,69.57% 0px,71.74% 0px,73.91% 0px,76.09% 0px,78.26% 0px,80.43% 0px,82.61% 0px,84.78% 0px,86.96% 0px,89.13% 0px,91.30% 0px,93.48% 0px,95.65% 0px,97.83% 0px,100.00% 0px,calc(100% - 0px) 2.94%,calc(100% - 0px) 5.88%,calc(100% - 0px) 8.82%,calc(100% - 0px) 11.76%,calc(100% - 0px) 14.71%,calc(100% - 0px) 17.65%,calc(100% - 0px) 20.59%,calc(100% - 0px) 23.53%,calc(100% - 0px) 26.47%,calc(100% - 0px) 29.41%,calc(100% - 0px) 32.35%,calc(100% - 0px) 35.29%,calc(100% - 0px) 38.24%,calc(100% - 0px) 41.18%,calc(100% - 0px) 44.12%,calc(100% - 0px) 47.06%,calc(100% - 0px) 50.00%,calc(100% - 0px) 52.94%,calc(100% - 0px) 55.88%,calc(100% - 0px) 58.82%,calc(100% - 0px) 61.76%,calc(100% - 0px) 64.71%,calc(100% - 0px) 67.65%,calc(100% - 0px) 70.59%,calc(100% - 0px) 73.53%,calc(100% - 0px) 76.47%,calc(100% - 0px) 79.41%,calc(100% - 0px) 82.35%,calc(100% - 0px) 85.29%,calc(100% - 0px) 88.24%,calc(100% - 0px) 91.18%,calc(100% - 0px) 94.12%,calc(100% - 0px) 97.06%,calc(100% - 0px) 100.00%,97.83% calc(100% - 5.8px),95.65% calc(100% - 3.3px),93.48% calc(100% - 5.9px),91.30% calc(100% - 6.8px),89.13% calc(100% - 3.7px),86.96% calc(100% - 3.7px),84.78% calc(100% - 6.7px),82.61% calc(100% - 5.5px),80.43% calc(100% - 2.4px),78.26% calc(100% - 2.2px),76.09% calc(100% - 2.3px),73.91% calc(100% - 6.5px),71.74% calc(100% - 5.9px),69.57% calc(100% - 2.3px),67.39% calc(100% - 6.0px),65.22% calc(100% - 6.9px),63.04% calc(100% - 5.1px),60.87% calc(100% - 3.4px),58.70% calc(100% - 4.5px),56.52% calc(100% - 2.2px),54.35% calc(100% - 1.6px),52.17% calc(100% - 6.8px),50.00% calc(100% - 5.1px),47.83% calc(100% - 4.4px),45.65% calc(100% - 6.6px),43.48% calc(100% - 3.9px),41.30% calc(100% - 6.3px),39.13% calc(100% - 6.0px),36.96% calc(100% - 2.7px),34.78% calc(100% - 2.9px),32.61% calc(100% - 3.1px),30.43% calc(100% - 2.8px),28.26% calc(100% - 4.7px),26.09% calc(100% - 2.9px),23.91% calc(100% - 3.8px),21.74% calc(100% - 2.2px),19.57% calc(100% - 6.5px),17.39% calc(100% - 3.4px),15.22% calc(100% - 4.0px),13.04% calc(100% - 4.7px),10.87% calc(100% - 6.5px),8.70% calc(100% - 3.8px),6.52% calc(100% - 6.5px),4.35% calc(100% - 4.3px),2.17% calc(100% - 4.4px),0.00% calc(100% - 4.4px),0px 97.06%,0px 94.12%,0px 91.18%,0px 88.24%,0px 85.29%,0px 82.35%,0px 79.41%,0px 76.47%,0px 73.53%,0px 70.59%,0px 67.65%,0px 64.71%,0px 61.76%,0px 58.82%,0px 55.88%,0px 52.94%,0px 50.00%,0px 47.06%,0px 44.12%,0px 41.18%,0px 38.24%,0px 35.29%,0px 32.35%,0px 29.41%,0px 26.47%,0px 23.53%,0px 20.59%,0px 17.65%,0px 14.71%,0px 11.76%,0px 8.82%,0px 5.88%,0px 2.94%);
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .24  0 0 0 0 .12  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --grain-night:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .93  0 0 0 0 .8  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --wrap:1120px; --gutter:20px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper) var(--grain);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-deep);text-underline-offset:3px}
a:hover{color:var(--red)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:760px}

/* tipografia */
h1,h2,h3{font-family:var(--display);font-optical-sizing:auto;margin:0;line-height:1.08;letter-spacing:-.01em}
h2{font-size:clamp(32px,7.4vw,52px);font-weight:800;color:var(--red)}
h3{font-size:clamp(22px,4.6vw,26px);font-weight:750;color:var(--ink)}
p{margin:0 0 1em}
.eyebrow{font-family:var(--sans);font-weight:900;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 14px}
.lead{font-size:clamp(19px,4.6vw,22px);line-height:1.5;color:var(--ink-2)}
.center{text-align:center}
em.gold{font-style:italic;color:var(--gold)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;padding:14px 26px;border:0;border-radius:10px;background:var(--red);color:#fff;font-family:var(--sans);font-weight:900;font-size:17px;letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:0 2px 0 var(--red-deep),0 14px 24px -12px rgba(156,36,31,.75);transition:transform .15s ease,background .15s ease}
.btn:hover{background:#d0362f;color:#fff;transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.btn .seta{font-family:var(--sans);font-weight:700;transition:transform .15s ease}
.btn:hover .seta{transform:translateX(3px)}
.btn[disabled]{opacity:.7;cursor:progress}
.btn-wa{background:var(--wa);box-shadow:0 2px 0 var(--wa-deep),0 14px 24px -12px rgba(22,138,69,.7)}
.btn-wa:hover{background:#22b85d}
.btn-ghost{background:transparent;color:var(--red-deep);box-shadow:inset 0 0 0 2px var(--line)}
.btn-ghost:hover{background:var(--ivory);color:var(--red)}
.btn-block{width:100%}
.btn small{font-weight:700;opacity:.85}

/* papel com borda rasgada */
.paper-card{position:relative;background:var(--ivory) var(--grain);clip-path:var(--deckle)}
.shadowed{filter:drop-shadow(0 1px 1px rgba(58,38,18,.16)) drop-shadow(0 16px 22px rgba(58,38,18,.22))}
.night .shadowed{filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) drop-shadow(0 24px 34px rgba(0,0,0,.45))}


/* ===== topo / hero: retrato da Prô à direita, ação à esquerda (no celular, retrato em cima) ===== */
.night{background:var(--night) var(--grain-night);color:var(--night-text)}
.hero{position:relative;overflow:hidden;padding:18px 0 54px;--foto-h:clamp(360px,104vw,500px)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 38% at 0% 64%,rgba(196,48,42,.18),rgba(196,48,42,0) 72%)}
.retrato{position:absolute;z-index:0;top:0;right:0;width:78%;height:var(--foto-h);margin:0;pointer-events:none}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to bottom,#000 64%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to bottom,#000 64%,transparent 100%);mask-composite:intersect}
.hero .wrap{position:relative;z-index:1}
.hero .topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-family:var(--sans);font-weight:900;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--night-muted)}
.hero .topline span:last-child{color:var(--gold)}
.hero-grid{display:grid;grid-template-areas:"visual" "acao"}
.visual{grid-area:visual;display:flex;align-items:flex-end;min-height:calc(var(--foto-h) - 44px)}
.wordmark{margin:0;font-family:var(--display);line-height:.86;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.wordmark .b{display:block;font-weight:850;font-size:clamp(62px,17vw,116px);color:var(--ivory);font-variation-settings:"opsz" 144}
.wordmark .p{display:block;font-style:italic;font-weight:500;font-size:clamp(45px,12.4vw,84px);color:var(--gold);margin-left:.06em;font-variation-settings:"opsz" 144}
.hero .datas{margin:12px 0 0;font-family:var(--sans);font-weight:900;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft)}
.acao{grid-area:acao;min-width:0}
.hero h1{margin:24px 0 0;font-size:clamp(25px,6.6vw,40px);font-weight:600;line-height:1.16;color:var(--ivory);max-width:19em;text-wrap:balance}
.hero .sub,.fechamento .aluno,.aula h3{text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--gold-soft);font-weight:500}
.hero h1 .ouro{color:var(--gold)}
.hero h1 u,.sec-aulas h2 u{text-decoration-thickness:.06em;text-underline-offset:.12em}
.sec-aulas h2 .tinta{color:var(--night)}
.aula .desc:last-child,.aula h3:last-child{margin-bottom:0}
.fatos.fatos-um{grid-template-columns:1fr}
.fatos li b u{text-decoration-thickness:.06em;text-underline-offset:.14em}
/* para quem é */
.sec.sec-pq{padding-bottom:8px}
.pq{display:grid;gap:22px}
.pq-item{padding:24px 0 0;border-top:2px solid var(--ink)}
.pq-item h3{color:var(--red);margin:0 0 8px}
.pq-item p{margin:0;color:var(--ink-2);font-size:17.5px;line-height:1.55}
.selos{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.selos li{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border:1px solid rgba(226,178,89,.5);border-radius:99px;background:rgba(27,22,19,.5);font-family:var(--sans);font-weight:800;font-size:13.5px;line-height:1.2;color:var(--gold-soft)}
.selos li::before{content:"";flex:0 0 auto;width:9px;height:5px;margin-top:-3px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.hero .sub{margin:14px 0 0;font-size:clamp(17.5px,4.4vw,19.5px);line-height:1.5;color:var(--night-muted);max-width:34em}
.hero .sub-fase{margin-top:8px;font-style:italic;color:var(--gold-soft)}
.fatos{list-style:none;margin:20px 0 0;padding:14px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--night-line)}
.fatos li{display:grid;align-content:start;gap:5px;font-family:var(--sans);font-size:13px;line-height:1.35;color:var(--night-muted)}
.fatos li b{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.1;color:var(--gold)}

/* cartão do formulário (o selo de cera fecha o convite) */
.form-wrap{position:relative;margin:56px calc(var(--gutter) * -0.4) 0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) drop-shadow(0 24px 34px rgba(0,0,0,.45))}
.form-wrap .selo{position:absolute;z-index:2;width:78px;right:10px;top:-50px;transform:rotate(9deg)}
.form-card{padding:30px 22px 26px;color:var(--ink)}
.form-card h2{font-size:clamp(27px,7vw,38px);color:var(--red);margin:0 0 6px}
.form-card .hint{font-size:16px;color:var(--ink-2);margin:0 0 18px;line-height:1.45}
.campo{margin:0 0 14px}
.campo label,.campo legend{display:block;font-family:var(--sans);font-weight:800;font-size:14px;color:var(--ink);margin:0 0 6px}
.campo input[type=text],.campo input[type=email],.campo input[type=tel]{width:100%;min-height:52px;padding:12px 14px;border:1.5px solid #CDBFA6;border-radius:9px;background:#fffdf8;font-family:var(--sans);font-size:17px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.campo input::placeholder{color:#a2968a}
.campo input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(196,48,42,.14)}
.campo input[aria-invalid=true]{border-color:var(--red);background:#fff6f4}
.campo .erro{display:block;margin:6px 0 0;font-family:var(--sans);font-size:13.5px;font-weight:700;color:var(--red-deep)}
fieldset.campo{border:0;padding:0;margin:4px 0 16px;min-width:0}
.chips{display:grid;gap:8px}
.chip{position:relative;display:block}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip span{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border:1.5px solid #CDBFA6;border-radius:10px;background:#fffdf8;font-family:var(--sans);font-weight:800;font-size:15px;line-height:1.25;color:var(--ink-2);transition:all .15s}
.chip span::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;border:2px solid #b9aa92;background:#fff;transition:all .15s}
.chip input:checked+span{background:#fff2ef;border-color:var(--red);color:var(--red-deep)}
.chip input:checked+span::before{border-color:var(--red);background:radial-gradient(circle,var(--red) 0 4px,#fff 5px)}
.chip input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.form-card .btn{margin-top:6px;padding-inline:16px}
.letra-miuda{margin:12px 0 0;font-family:var(--sans);font-size:12.5px;line-height:1.5;color:#7d7064;text-align:center}
.letra-miuda a{color:inherit}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-status{margin:10px 0 0;font-family:var(--sans);font-size:14px;font-weight:700;color:var(--red-deep)}

/* ===== seções ===== */
section{position:relative}
.sec{padding:72px 0}
.sec-paper2{background:var(--paper-2) var(--grain)}
.sec-head{max-width:780px;margin:0 0 34px}
.sec-head.center{margin-inline:auto}
.sec-head p{margin-top:14px}

/* as aulas: papel rasgado subindo sobre o topo escuro */
.sec-aulas{margin-top:-8px;padding:62px 0 58px;background:var(--paper-2) var(--grain);clip-path:var(--deckle-top)}
.sec-aulas .sec-head{margin-bottom:26px}
.aulas{display:grid;gap:16px}
.aula{display:flex;flex-direction:column;align-items:flex-start;padding:22px 22px 20px}
.aula .ganho{margin-top:auto!important;align-self:stretch}
.aula .tag{display:inline-block;font-family:var(--sans);font-weight:900;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.aula h3{font-size:clamp(21px,5.2vw,24px);line-height:1.16;margin:0 0 10px}
.aula .desc{margin:0 0 14px;font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.aula .ganho{margin:0;padding:12px 0 0;border-top:1px dashed var(--line);font-family:var(--sans);font-size:15px;line-height:1.45;color:var(--ink-2)}
.aula .ganho b{display:block;margin:0 0 3px;font-weight:900;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}

/* perguntas + fechamento curto */
.sec-faq{padding:58px 0 64px}
.sec-faq .sec-head{margin-bottom:12px}
.sec-faq .fechamento{padding:34px 0 0}

/* FAQ */
.faq{max-width:780px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;font-family:var(--display);font-weight:700;font-size:20px;line-height:1.3;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 auto;font-family:var(--sans);font-weight:700;font-size:26px;color:var(--red);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;color:var(--ink-2);font-size:17.5px}

/* fechamento */
.fechamento{padding:80px 0 96px;text-align:center}
.fechamento h2{margin:0 auto 14px;max-width:16em}
.fechamento .lead{max-width:34em;margin:0 auto 26px}
.fechamento .miuda{margin:16px 0 0;font-family:var(--sans);font-size:14px;color:var(--ink-2)}
.fechamento.curto{padding:54px 0 62px}
.fechamento .aluno{max-width:27em;margin:0 auto 22px;font-size:clamp(18px,4.6vw,20px);line-height:1.5;color:var(--ink-2)}
.fechamento .aluno b{display:block;margin:0 0 6px;font-family:var(--display);font-weight:750;font-size:clamp(25px,6.4vw,32px);line-height:1.1;color:var(--ink)}

/* rodapé */
.rodape{padding:34px 0 110px;background:var(--night) var(--grain-night);color:var(--night-muted);font-family:var(--sans);font-size:13.5px;line-height:1.7;text-align:center}
.rodape a{color:var(--gold-soft)}
.rodape .marca{font-family:var(--display);font-size:22px;color:var(--ivory);margin:0 0 8px}
.rodape .marca em{color:var(--gold)}

/* barra fixa do celular */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(27,22,19,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid var(--night-line);transform:translateY(110%);transition:transform .25s ease}
.barra.on{transform:none}
.barra .btn{width:100%;min-height:50px;font-size:16px}
.barra .btn small{display:block}

/* ===== páginas internas (obrigado, aulas, oferta) ===== */
.mini-hero{padding:22px 0 34px}
.mini-hero .wm-mini{display:flex;align-items:center;gap:12px;text-decoration:none}
.mini-hero .wm-mini img{width:54px}
.mini-hero .wm-mini span{font-family:var(--display);font-weight:800;font-size:24px;color:var(--ivory);line-height:1}
.mini-hero .wm-mini em{font-weight:500;color:var(--gold)}
.mini-hero h1{margin:26px 0 0;font-size:clamp(32px,8vw,52px);font-weight:800;color:var(--ivory);line-height:1.06}
.mini-hero h1 em{font-style:italic;font-weight:500;color:var(--gold)}
.mini-hero .sub{margin:14px 0 0;font-size:clamp(18px,4.5vw,21px);color:var(--night-muted);max-width:36em}
.mini-hero .eyebrow{color:var(--gold);margin:26px 0 0}
/* barra de progresso da página de obrigado: enche até 90% e fica "carregando" */
.progresso{margin:24px 0 0;max-width:520px}
.progresso + h1{margin-top:22px}
.progresso-rotulo{margin:0 0 8px;font-family:var(--sans);font-weight:900;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft)}
.progresso-rotulo b{color:var(--gold)}
.progresso-trilho{height:12px;border-radius:999px;background:rgba(246,231,196,.14);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.progresso-barra{width:90%;height:100%;border-radius:999px;background-color:var(--gold);background-image:linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.22) 75%,transparent 75%,transparent);background-size:24px 24px;animation:enche 1.6s cubic-bezier(.2,.7,.2,1) both,carrega 1s linear infinite}
@keyframes enche{from{width:0}}
@keyframes carrega{from{background-position:24px 0}to{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.progresso-barra{animation:none}}

.passo-box{padding:26px 22px 24px;margin:0 0 22px}
.passo-box .etapa{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:900;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.passo-box .etapa i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-style:normal;font-size:14px;letter-spacing:0}
.passo-box h2{font-size:clamp(26px,6.2vw,34px);color:var(--ink);margin:0 0 10px}
.passo-box p{color:var(--ink-2);font-size:17.5px}
.passo-box .btn-wa{padding-inline:14px;font-size:16px}
.toques{display:grid;gap:8px;margin:14px 0 0}
.toque{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:10px 14px;border:1.5px solid #CDBFA6;border-radius:10px;background:#fffdf8;font-family:var(--sans);font-weight:800;font-size:15.5px;line-height:1.25;color:var(--ink-2);text-align:left;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.toque::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;border:2px solid #b9aa92;background:#fff}
.toque:hover{border-color:var(--red)}
.toque[aria-pressed=true]{background:#fff2ef;border-color:var(--red);color:var(--red-deep)}
.toque[aria-pressed=true]::before{border-color:var(--red);background:radial-gradient(circle,var(--red) 0 4px,#fff 5px)}
.passo-box .resposta{margin:14px 0 0;padding:12px 0 0;border-top:1px dashed var(--line);font-family:var(--sans);font-weight:700;font-size:15.5px;line-height:1.45;color:var(--ink)}
.agenda-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.agenda-links .btn{min-height:48px;font-size:15px;padding:10px 16px}

.video{position:relative;background:#0f0c0a;border-radius:10px;overflow:hidden;box-shadow:0 24px 40px -18px rgba(0,0,0,.6)}
.video.on{aspect-ratio:16/9}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .espera{position:relative;min-height:220px;display:grid;place-items:center;text-align:center;padding:30px 16px;background:radial-gradient(closest-side,rgba(196,48,42,.25),transparent),var(--night) var(--grain-night);color:var(--night-text)}
.video .espera b{display:block;font-family:var(--display);font-size:clamp(22px,5vw,30px);font-weight:700;color:var(--ivory)}
.video .espera span{display:block;margin-top:8px;font-family:var(--sans);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.video .espera .cd{margin-top:14px;font-family:var(--display);font-size:28px;color:var(--gold-soft)}

.tarefa{padding:26px 22px 22px;margin:30px 0 0}
.tarefa h2{font-size:clamp(26px,6vw,32px);color:var(--red);margin:0 0 12px}
.tarefa ol{margin:0;padding-left:1.2em}
.tarefa li{margin:0 0 10px;color:var(--ink);font-size:17.5px}
.tarefa .depois{margin:14px 0 0;padding:12px 0 0;border-top:1px dashed var(--line);font-family:var(--sans);font-size:15px;color:var(--ink-2)}

.proximo{margin:30px 0 0;padding:24px 22px;border-radius:12px;background:var(--night) var(--grain-night);color:var(--night-text)}
.proximo .eyebrow{color:var(--gold)}
.proximo h3{color:var(--ivory);font-size:clamp(22px,5vw,26px);margin:0 0 6px}
.proximo p{color:var(--night-muted);margin:0 0 16px;font-size:17px}

/* contagem */
.contagem{display:flex;gap:8px;justify-content:center;margin:16px 0 0}
.contagem div{min-width:60px;padding:9px 6px;border-radius:10px;background:rgba(246,231,196,.08);border:1px solid var(--night-line);text-align:center}
.contagem b{display:block;font-family:var(--display);font-weight:700;font-size:26px;line-height:1;color:var(--ivory)}
.contagem span{display:block;margin-top:4px;font-family:var(--sans);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}

/* oferta: pilha */
.pilha{list-style:none;margin:0;padding:0}
.pilha li{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.pilha li h3{font-size:21px;margin:0}
.pilha li .valor{font-family:var(--sans);font-weight:800;font-size:15px;color:var(--ink-2);white-space:nowrap}
.pilha li p{grid-column:1/-1;margin:0;color:var(--ink-2);font-size:16.5px}
.pilha li.destaque h3{color:var(--red)}
.pilha li .tag-v{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:99px;background:var(--gold-soft);font-family:var(--sans);font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--red-deep);vertical-align:middle}
.preco-card{padding:30px 22px 26px;text-align:center}
.preco-card .de{font-family:var(--sans);font-size:16px;color:var(--ink-2)}
.preco-card .de s{color:var(--ink-2)}
.preco-card .por{margin:6px 0 0;font-family:var(--sans);font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.preco-card .parc{margin:4px 0 0;font-family:var(--display);font-weight:800;font-size:clamp(44px,12vw,64px);line-height:1;color:var(--ink)}
.preco-card .parc small{font-size:.42em;font-weight:700;color:var(--ink-2)}
.preco-card .avista{margin:8px 0 18px;font-family:var(--sans);font-size:16px;color:var(--ink-2)}
.preco-card .formas{margin:14px 0 0;font-family:var(--sans);font-size:13.5px;color:var(--ink-2)}
.garantia{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:30px 0 0;padding:22px;border:2px solid var(--line);border-radius:12px;background:var(--ivory)}
.garantia .g-num{font-family:var(--display);font-weight:800;font-size:46px;line-height:.9;color:var(--red);text-align:center}
.garantia .g-num small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.garantia p{margin:0;font-size:16.5px;color:var(--ink-2)}
.garantia strong{color:var(--ink)}
.depo-slot{display:grid;place-items:center;min-height:220px;border:2px dashed #cdbfa6;border-radius:12px;padding:20px;text-align:center;font-family:var(--sans);font-size:14px;color:#8a7d70;background:rgba(255,255,255,.35)}
.depos{display:grid;gap:18px}

/* ===== telas maiores ===== */
@media (min-width:700px){
  :root{--gutter:32px}
  .aulas{grid-template-columns:repeat(3,1fr)}
  .depos{grid-template-columns:repeat(3,1fr)}
  .passo-box,.tarefa{padding:32px 34px 30px}
  .contagem div{min-width:72px}
  .contagem b{font-size:32px}
  .video .espera{min-height:300px}
  .fatos li{font-size:14px}
  .fatos li b{font-size:19px}
  .campos{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
  .campos .campo:last-child{grid-column:1/-1}
  .toques{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pq{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
}
@media (min-width:700px) and (max-width:999px){
  .hero{--foto-h:clamp(460px,72vw,640px)}
  .retrato{width:70%}
}
@media (min-width:1000px){
  .hero{padding:20px 0 76px}
  .fatos{margin-top:16px;padding-top:12px}
  .retrato{top:0;bottom:0;height:auto;width:min(52vw,780px)}
  .retrato img{object-position:50% 16%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to bottom,#000 70%,transparent 100%)}
  .hero-grid{grid-template-columns:minmax(0,600px) minmax(0,1fr);grid-template-areas:"visual ." "acao .";column-gap:56px;padding-top:28px}
  .visual{display:block;min-height:0}
  .wordmark{line-height:1;text-shadow:none}
  .wordmark .b,.wordmark .p{display:inline}
  .wordmark .b{font-size:60px}
  .wordmark .p{font-size:46px;margin-left:.22em}
  .hero .datas{margin-top:10px}
  .hero h1{margin-top:18px}
  .form-wrap{margin:30px 0 0}
  .form-wrap .selo{width:100px;right:-18px;top:-44px}
  .form-card{padding:28px 32px 24px}
  .chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .chip span{font-size:14px;padding:10px 10px;gap:8px}
  .barra{display:none}
  .rodape{padding-bottom:40px}
  .sec{padding:96px 0}
  .sec-aulas{padding:78px 0 70px}
  .sec-faq{padding:72px 0 84px}
}