/* =========================================
   FORMAÇÃO NINE 2026 — V2 · direção "Bádiu"
   Bege dominante · rasgos de papel · arcos
   Carrega DEPOIS de styles.css e formacao.css
========================================= */

/* ---- Rasgo de papel (divisor) ---- */
.tear{position:relative;z-index:3;margin-top:-30px;height:32px;pointer-events:none}
.tear svg{display:block;width:100%;height:100%}

/* ---- Ajustes de componentes em fundo claro ---- */
.sec-cream .video-above,.sec-parchment .video-above{color:var(--teal-mid)}
.sec-cream .figure,.sec-parchment .figure{box-shadow:0 14px 40px rgba(20,49,61,.22);border-color:rgba(140,110,53,.4)}
.sec-parchment .creator-photo{box-shadow:0 14px 36px rgba(20,49,61,.28);border-color:rgba(140,110,53,.45)}

/* ---- Ornamento sob os títulos ---- */
.h-sec::after{content:'';display:block;width:150px;height:12px;margin:18px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 12'%3E%3Cpath d='M0 6h58M92 6h58' stroke='%23c9a55a' stroke-width='1'/%3E%3Cpath d='M75 1l4 5-4 5-4-5z' fill='%23c9a55a'/%3E%3Ccircle cx='64' cy='6' r='1.5' fill='%23c9a55a'/%3E%3Ccircle cx='86' cy='6' r='1.5' fill='%23c9a55a'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---- Vídeo principal em arco/portal ---- */
.video-ph.arch{max-width:580px;margin-left:auto;margin-right:auto;aspect-ratio:1/1.06;border-radius:50% 50% 18px 18px / 44% 44% 18px 18px;border:2px solid var(--gold);box-shadow:0 0 0 10px rgba(201,165,90,.1),0 0 0 11px rgba(140,110,53,.3),0 28px 60px rgba(20,49,61,.25)}
.video-ph.arch::after{content:'';position:absolute;inset:9px;border:1px solid rgba(201,165,90,.55);border-radius:inherit;z-index:2;pointer-events:none}
.video-ph.arch .poster{border-radius:inherit}

/* ---- Ícones ilustrados nos cards ---- */
.hcard{text-align:center}
.hcard-icon-img{width:78px;height:78px;object-fit:contain;display:block;margin:0 auto 14px;filter:drop-shadow(0 5px 12px rgba(20,49,61,.2))}

/* ---- Oferta em papel rasgado ---- */
.torn-wrap{filter:drop-shadow(0 16px 34px rgba(0,0,0,.45));margin-top:38px}
.offer-box.torn{margin:0;border:none;box-shadow:none;border-radius:0;background:linear-gradient(180deg,#f7efdb,#f0e4c8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9'/%3E%3CfeColorMatrix values='0 0 0 0 0.8 0 0 0 0 0.72 0 0 0 0 0.55 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");padding:48px 46px 52px;clip-path:polygon(1.2% 1.8%,4.5% 1.4%,7.7% 0.9%,11.0% 0.7%,14.2% 1.5%,17.5% 0.5%,20.7% 1.1%,24.0% 0.9%,27.2% 1.2%,30.5% 1.9%,33.7% 1.7%,37.0% 0.5%,40.2% 0.8%,43.5% 2.8%,46.7% 1.2%,50.0% 1.4%,53.3% 1.3%,56.5% 0.6%,59.8% 0.9%,63.0% 0.3%,66.3% 1.5%,69.5% 1.0%,72.8% 1.8%,76.0% 1.4%,79.3% 0.9%,82.5% 0.5%,85.8% 0.8%,89.0% 1.3%,92.3% 0.4%,95.5% 1.8%,98.8% 1.6%,99.7% 3.0%,99.2% 10.8%,99.6% 18.7%,99.6% 26.5%,99.7% 34.3%,99.3% 42.2%,98.7% 50.0%,99.0% 57.8%,99.3% 65.7%,99.7% 73.5%,99.6% 81.3%,99.4% 89.2%,99.3% 97.0%,98.8% 97.0%,95.5% 99.6%,92.3% 99.5%,89.0% 99.1%,85.8% 99.7%,82.5% 99.7%,79.3% 99.4%,76.0% 99.4%,72.8% 99.7%,69.5% 99.0%,66.3% 98.7%,63.0% 99.4%,59.8% 99.3%,56.5% 99.7%,53.3% 99.3%,50.0% 98.9%,46.7% 99.0%,43.5% 99.5%,40.2% 99.0%,37.0% 98.9%,33.7% 98.5%,30.5% 98.9%,27.2% 98.1%,24.0% 98.1%,20.7% 99.5%,17.5% 98.2%,14.2% 98.7%,11.0% 99.3%,7.7% 98.7%,4.5% 99.2%,1.2% 98.9%,0.7% 97.0%,0.6% 89.2%,1.1% 81.3%,0.5% 73.5%,1.2% 65.7%,0.7% 57.8%,1.3% 50.0%,0.6% 42.2%,1.2% 34.3%,1.3% 26.5%,0.7% 18.7%,0.8% 10.8%,1.2% 3.0%)}

/* ---- Lanternas do hero (Canva ref) ---- */
.fhero .lantern{position:absolute;top:64px;width:92px;height:150px;z-index:2;pointer-events:none;filter:drop-shadow(0 0 34px rgba(255,200,100,.4));animation:fsway 6s ease-in-out infinite;transform-origin:top center}
.fhero .lantern.left{left:clamp(8px,4vw,60px)}
.fhero .lantern.right{right:clamp(8px,4vw,60px);animation-delay:-3s}
@keyframes fsway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}

/* ---- Pássaros papercraft (Canva ref) ---- */
.sec-dark{position:relative;overflow:hidden}
.deco-bird{position:absolute;pointer-events:none;opacity:.55;z-index:1}
.deco-bird.b1{width:84px;top:12px;left:2%;animation:bfloat 9s ease-in-out infinite}
.deco-bird.b2{width:70px;bottom:14px;right:2.5%;top:auto;animation:bfloat 11s ease-in-out infinite -4s}
@media (max-width:960px){.deco-bird{display:none}}
@keyframes bfloat{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-16px)}}

/* ---- refinos v2.1 ---- */
.elem-card{border-radius:10px}
.elem-card .elem-img{background:#fdfaf3}
.elem-card .elem-img img{mix-blend-mode:multiply}
.elem-meta{border-top-width:2px}
.video-ph.arch .ph-label{font-weight:600;letter-spacing:.24em}

/* ---- Responsávo ---- */
@media (max-width:720px){
  .video-ph.arch{max-width:100%;aspect-ratio:1/1.15}
  .offer-box.torn{padding:38px 24px 44px}
  .h-sec::after{width:120px;margin-top:14px}
}

/* ---- Hero com vídeo de fundo (arquivo: assets/video-hero.mp4) ---- */
.fhero.has-bg{position:relative;overflow:hidden}
.fhero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none}
.fhero.has-video .fhero-video{display:block}
.fhero-veil{position:absolute;inset:0;z-index:1;display:none;background:linear-gradient(180deg,rgba(12,32,40,.8) 0%,rgba(12,32,40,.62) 45%,rgba(12,32,40,.88) 100%)}
.fhero.has-video .fhero-veil{display:block}
.fhero.has-bg .fhero-inner{position:relative;z-index:2}