/* =========================================
   FORMAÇÃO NINE 2026 — V4 · lajes de pedra
   Texturas + chanfro + trilho dourado
   Carrega DEPOIS de formacao-v3.css
========================================= */

/* ---- Fundo do desktop atrás da coluna ---- */
body{background-color:#f5f2eb!important;background-image:none!important}

/* ---- A coluna é um monólito de pedra com cantos chanfrados ---- */
.site{
  background:transparent;
  box-shadow:0 0 70px rgba(40,52,58,.28);
}

/* ---- Lajes: textura contínua + bisel lateral ---- */
.sec-dark,.footer{
  background-image:linear-gradient(180deg,rgba(8,20,26,.06) 0%,rgba(8,20,26,.16) 42%,rgba(8,20,26,.34) 100%),url('assets/stone-dark.jpg')!important;
  background-size:auto,680px auto!important;
  background-repeat:repeat,repeat!important;
  background-position:center top,center top!important;
  background-color:#4b5e69!important;
  box-shadow:inset 15px 0 24px -12px rgba(255,255,255,.12),inset -20px 0 28px -10px rgba(10,22,28,.8),inset 1px 0 0 rgba(255,255,255,.09),inset -1px 0 0 rgba(10,22,28,.55);
}
.sec-cream,.sec-parchment{
  background-image:url('assets/stone-light.jpg')!important;
  background-size:680px auto!important;
  background-repeat:repeat!important;
  background-position:center top!important;
  background-color:#e6d1bc!important;
  box-shadow:inset 15px 0 24px -12px rgba(255,255,255,.6),inset -20px 0 28px -10px rgba(118,92,63,.42),inset 1px 0 0 rgba(255,255,255,.5),inset -1px 0 0 rgba(118,92,63,.3);
}
/* dois tons distintos de pedra clara */
.sec-cream{background-image:linear-gradient(180deg,rgba(255,252,245,.44) 0%,rgba(255,251,242,.26) 100%),url('assets/stone-light.jpg')!important;background-size:auto,680px auto!important;background-repeat:repeat,repeat!important}
.sec-parchment{background-image:linear-gradient(180deg,rgba(255,254,250,.7) 0%,rgba(255,253,247,.54) 100%),url('assets/stone-light.jpg')!important;background-size:auto,680px auto!important;background-repeat:repeat,repeat!important}
.sec-cream.grain::before,.sec-parchment.grain::before{opacity:.18}
.img-band{background-color:#536671}

/* ---- Trilho dourado no lugar dos rasgos ---- */
.tear{
  position:relative;z-index:4;
  height:30px;margin:0;
  background:url('assets/rail-gold.png') center/100% 100% no-repeat;
  pointer-events:none;
}
.tear svg{display:none}
.tear.flip{transform:scaleY(-1)}

/* ---- O papel da oferta continua sendo papel, sobre a pedra ---- */
.torn-wrap .offer-box.torn{
  background-image:linear-gradient(180deg,rgba(252,247,234,.86),rgba(252,247,234,.86)),url('assets/stone-light.jpg')!important;
  background-size:auto,520px auto!important;
  background-color:#e6d1bc!important;
}

/* ---- Contraste sobre as novas superfícies ---- */
/* a laje de pedra é ~2x mais clara que o fundo anterior: o token dourado
   é redefinido no escopo dela e alcança todos os acentos de uma vez */
.sec-dark,.footer{--gold-bright:#f2dca7;--gold:#e8cf98}
.sec-dark,.footer{color:var(--cream)}
.sec-dark .prose p{color:rgba(245,238,222,.94)}
.sec-dark .h-sec{color:#fbf5e6}
.sec-dark .eyebrow{color:#fbeec4}
.sec-dark .mark-list li,.sec-dark .fit-list li,.sec-dark .kit-grid li,.sec-dark .num-item p,.sec-dark .hcard p,.sec-dark .faq-a-inner,.sec-dark .badge-item p{color:rgba(245,238,222,.9)}
.sec-dark .faq-q{color:#fbf5e6}
.sec-dark .microcopy,.offer-figcaption,.footer-bottom{color:rgba(245,238,222,.8)!important}
.footer h4{color:#fbeec4}
.footer ul a{color:rgba(245,238,222,.9)}
.footer ul a:hover{color:#fbeec4}
.footer-brand p{color:rgba(245,238,222,.9)}
.sec-dark .art-cap,.sec-dark .virtue-hint{color:rgba(245,238,222,.72)}
.sec-dark .fit-col{background:rgba(10,22,28,.24);border-color:rgba(240,215,154,.4)}
.sec-dark .fit-col.no{background:rgba(10,22,28,.4);border-color:rgba(245,238,222,.2)}

.sec-cream .h-sec,.sec-parchment .h-sec{color:#173340}
.sec-cream .prose p,.sec-parchment .prose p{color:#453c2c}
.sec-cream .eyebrow,.sec-parchment .eyebrow{color:#6f5210}
.sec-cream .num-item .n,.sec-parchment .num-item .n{color:#6f5210}
.sec-cream .art-cap,.sec-parchment .art-cap{color:#4a4234}

/* ---- Responsivo ---- */
@media (max-width:720px){
  .tear{height:20px}
  .sec-dark,.footer,.sec-cream,.sec-parchment{box-shadow:inset 8px 0 14px -8px rgba(255,255,255,.3),inset -12px 0 18px -8px rgba(10,22,28,.5)}
}