/* =========================================
   NINE × MAPLE BEAR — blocos exclusivos da escola
   Carrega DEPOIS de formacao-v6.css
========================================= */

/* ---- Botões do hero em coluna estreita: sem vazar a margem ---- */
@media (max-width:640px){
  .sec-abertura .cta-row{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:340px;margin-left:auto;margin-right:auto;gap:12px}
  .sec-abertura .cta-row .btn{width:100%;justify-content:center;text-align:center}
}

/* ---- Chamada destacada acima de um vídeo ---- */
.video-destaque{margin:38px auto 0;max-width:620px;text-align:center;font-family:var(--font-display);font-weight:600;font-size:clamp(21px,2.6vw,28px);line-height:1.3;color:var(--gold-bright);text-wrap:pretty}
.video-destaque::after{content:'';display:block;width:110px;height:1px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.sec-cream .video-destaque,.sec-parchment .video-destaque{color:#6a5115}

/* ---- Selo Maple Bear no bloco de abertura ---- */
.mb-badge{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 30px;padding:12px 22px 12px 14px;width:fit-content;max-width:100%;border-radius:999px;border:1px solid rgba(201,165,92,.34);background:rgba(255,252,244,.07)}
.mb-badge img{height:58px;width:auto;display:block;flex:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.mb-badge div{display:flex;flex-direction:column;text-align:left;gap:2px}
.mb-kicker{font-family:var(--font-ui);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#e9d7a8;opacity:.85}
.mb-nome{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.1;color:#f7f0e2}
@media (max-width:560px){
  .mb-badge{gap:12px;padding:10px 16px 10px 12px}
  .mb-badge img{height:46px}
  .mb-nome{font-size:18px}
}

/* ---- Guarda do papel rasgado: qualquer texto dentro dele usa a tinta escura ----
   precisa de !important porque a regra de superfície escura em formacao-v4.css
   (.sec-dark .microcopy …) também usa !important e venceria a guarda de v3 */
.offer-box.torn p,.offer-box.torn li,.offer-box.torn .microcopy,.offer-box.torn h3{color:var(--ink)!important}

/* ---- Marca dupla no nav e no rodapé ---- */
.nav-brand-duo{display:flex;align-items:center;gap:12px}
.nav-brand-duo img{height:26px;width:auto;display:block}
.nav-brand-duo .mb{height:32px}
.brand-x{font-family:var(--font-display);font-size:18px;color:var(--gold);opacity:.7}
.foot-logos{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:14px}
.foot-logos img{height:34px;width:auto;display:block}
.foot-logos .mb{height:40px}
@media (max-width:720px){
  .nav-brand-duo img{height:22px}
  .nav-brand-duo .mb{height:28px}
}

/* ---- Grade da essência (cartões numerados) ----
   auto-fit em vez de contagem fixa: a grade responde à largura real da coluna */
.ess-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:40px}
.ess{padding:26px 20px;border-radius:12px;border:1px solid rgba(140,110,53,.32);background:linear-gradient(180deg,rgba(255,253,247,.7),rgba(250,242,228,.5));transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.ess:hover{transform:translateY(-6px);border-color:rgba(140,110,53,.6);box-shadow:0 16px 34px rgba(20,49,61,.14)}
.ess .n{font-family:var(--font-display);font-size:34px;font-weight:600;color:var(--gold-deep);line-height:1;margin-bottom:12px}
.ess h4{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--teal-deep);margin-bottom:8px;line-height:1.2}
.ess p{font-size:13.5px;line-height:1.55;color:var(--ink-soft)}

/* ---- Colunas do que a IA faz / nunca faz ----
   escopadas por classe, não por superfície: o par de contraste (dourado × salmão)
   vale tanto em laje escura quanto em laje clara */
.fit-col.yes h4,.fit-col.no h4{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:18px}
.fit-col.yes h4{color:var(--gold-bright)}
.fit-col.no h4{color:#e8a99e}
.sec-cream .fit-col.yes h4,.sec-parchment .fit-col.yes h4{color:#6a5115}
.sec-cream .fit-col.no h4,.sec-parchment .fit-col.no h4{color:#a3402f}
.fit-col.no{border-color:rgba(200,120,110,.34)!important;background:rgba(120,40,40,.12)!important}
.fit-col.no .fit-list li::before{content:'✕';color:#e8a99e}
.sec-cream .fit-col.no .fit-list li::before,.sec-parchment .fit-col.no .fit-list li::before{color:#a3402f}

/* ---- Selo de fecho da IA ---- */
.pill-escola{display:block;width:fit-content;max-width:100%;margin:34px auto 0;padding:14px 26px;border-radius:12px;border:1px solid rgba(201,165,92,.38);background:rgba(201,165,92,.1);font-family:var(--font-display);font-style:italic;font-size:clamp(17px,2vw,21px);line-height:1.4;text-align:center;color:var(--gold-bright)}
/* qualquer acento dourado sobre laje clara usa a tinta escura */
.sec-cream .pill-escola,.sec-parchment .pill-escola{color:#6a5115;border-color:rgba(140,110,53,.42);background:rgba(201,165,92,.16)}

/* ---- Insígnias em bloco claro ---- */
.insignias-escola{max-width:520px;margin:34px auto 0}
.insignias-escola img{width:100%;display:block;filter:drop-shadow(0 18px 34px rgba(20,49,61,.18))}

/* ---- Cartões numerados (como funciona na escola) ---- */
.hcard-num{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--gold-bright);line-height:1;margin-bottom:12px}
.sec-cream .hcard-num,.sec-parchment .hcard-num{color:var(--gold-deep)}

/* ---- Números de credibilidade ---- */
.stats-label{text-align:center;font-family:var(--font-ui);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6a5115;margin:38px 0 18px;font-weight:600}
.sec-dark .stats-label{color:var(--gold-bright)}
.stats-escola{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stats-escola .stat{text-align:center;padding:24px 18px;border-radius:12px;border:1px solid rgba(140,110,53,.3);background:linear-gradient(180deg,rgba(255,253,247,.66),rgba(250,242,228,.44))}
.stats-escola .num{font-family:var(--font-display);font-size:clamp(30px,4vw,42px);font-weight:700;color:var(--teal-deep);line-height:1.05}
.stats-escola .lbl{font-size:13px;line-height:1.5;color:var(--ink-soft);margin-top:8px}
@media (max-width:720px){.stats-escola{grid-template-columns:1fr;gap:14px}}

/* ---- Criador ---- */
.creator-nome{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--teal-deep);line-height:1.1}
.creator-role{font-family:var(--font-ui);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#6a5115;margin-top:6px}

/* ---- Termo de autorização no papel rasgado ---- */
.termo-h3{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--teal-deep);margin-bottom:14px;text-align:center}
.offer-box.torn .cta-block{margin-top:20px}

/* ---- Fechamento ---- */
.fecho-quote{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(22px,3.4vw,34px);line-height:1.34;text-align:center;color:var(--gold-bright);max-width:820px;margin:0 auto;text-wrap:pretty}
.fecho-welcome{font-family:var(--font-display);font-style:italic;font-size:clamp(24px,3.6vw,36px);font-weight:600;text-align:center;color:var(--cream);margin-top:38px}

/* ---- Citação destacada dentro dos textos ---- */
.lead-q{font-family:var(--font-display);font-style:italic;font-size:clamp(18px,2.2vw,24px);line-height:1.35;color:var(--gold-bright);margin-top:22px!important}
.sec-cream .lead-q,.sec-parchment .lead-q{color:#6a5115}

/* ---- .img-band nesta página é sempre coberto pelo <img>: sem textura de fundo ---- */
.img-band{background-image:none!important}