/* PRÉ-SITE TIKTOK — Fernanda Lima Trader
   Identidade visual copiada de escoladowin-site/css/style.css (dourado + preto + verde, Montserrat/Orbitron). Mobile-first. */
:root{--bg:#07090a;--bg2:#0d1410;--panel:#0f1712;--gold:#E5BB47;--gold2:#F7D774;--bronze:#886637;--green:#22E36B;--txt:#f3efe4;--mut:#a9a596;--r:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 80% 0%,rgba(34,227,107,.12),transparent 50%),radial-gradient(ellipse at 0% 40%,rgba(229,187,71,.08),transparent 45%),var(--bg);color:var(--txt);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;display:block;height:auto}
a{color:var(--gold2)}
.wrap{width:min(1080px,92vw);margin:0 auto}
.fut{font-family:Orbitron,Montserrat,sans-serif;letter-spacing:.03em}
.gold-txt{background:linear-gradient(180deg,#fff6c9 0%,var(--gold2) 30%,var(--gold) 60%,var(--bronze) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:10px;padding:16px 20px;font:800 1rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-decoration:none;transition:transform .15s,filter .15s}
.btn:active{transform:scale(.98)}
.btn-gold{background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#b8892c);color:#1a1205;box-shadow:0 4px 18px rgba(229,187,71,.35)}
.btn-gold:hover{filter:brightness(1.08)}
.btn-ghost{background:transparent;color:var(--gold2);border:1.5px solid var(--gold);margin-top:10px}
.btn-tg{background:linear-gradient(180deg,#2aa7e8,#1a86c9);color:#fff;box-shadow:0 4px 18px rgba(42,167,232,.3)}
.btn[disabled]{opacity:.6;cursor:wait}
.draft-flag{position:fixed;left:0;right:0;bottom:0;z-index:99;background:repeating-linear-gradient(45deg,#E3261B 0 14px,#b81b12 14px 28px);color:#fff;font:700 .7rem Montserrat,sans-serif;text-align:center;padding:5px 8px}

/* topo */
.top{display:flex;justify-content:center;padding:14px 0 4px}
.brand{font:900 1rem Orbitron,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.brand small{display:block;text-align:center;font:700 .62rem Montserrat;letter-spacing:.35em;color:var(--mut)}

/* 1) hero */
.hero{display:grid;gap:0;margin-top:8px}
.hero-photo{position:relative;border-radius:var(--r) var(--r) 0 0;overflow:hidden;aspect-ratio:4/4.3;border:1px solid rgba(229,187,71,.45);border-bottom:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.hero-photo:after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(transparent,var(--bg))}
.tag{position:absolute;top:12px;left:12px;z-index:2;background:rgba(7,9,10,.75);border:1px solid var(--gold);color:var(--gold2);font:800 .7rem Montserrat;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:99px}
.hero-body{margin-top:-90px;position:relative;z-index:2;padding:0 4px}
.hero h1{margin:0 0 10px;font:900 clamp(1.75rem,8.4vw,3rem)/1.08 Orbitron,sans-serif}
.hero p.sub{margin:0 0 18px;color:#dcd8ca;font-size:1.02rem}
.hero p.sub b{color:var(--gold2)}

/* 2) faixa */
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 0}
.strip div{background:var(--panel);border:1px solid rgba(229,187,71,.3);border-radius:12px;padding:12px 6px;text-align:center;font:800 .78rem/1.25 Montserrat}
.strip div i{display:block;font-style:normal;font-size:1.35rem;margin-bottom:4px}

section{padding:38px 0 0}
h2{font:900 clamp(1.35rem,6vw,2rem)/1.15 Orbitron,sans-serif;margin:0 0 14px}
.lead{color:#dcd8ca;margin:0 0 16px}

/* 3) dores */
.pains{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}
.pains li{background:linear-gradient(90deg,rgba(227,38,27,.10),transparent);border-left:3px solid #c9473d;border-radius:8px;padding:12px 14px;font-weight:600}
.relief{background:linear-gradient(90deg,rgba(34,227,107,.12),transparent);border-left:3px solid var(--green);border-radius:8px;padding:14px;font-weight:700}
.relief b{color:var(--green)}

/* 4) passos */
.stepsg{display:grid;gap:12px}
.step{position:relative;background:var(--panel);border:1px solid rgba(229,187,71,.35);border-radius:var(--r);padding:16px 16px 16px 68px}
.step .n{position:absolute;left:14px;top:14px;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1205;font:900 1.05rem Orbitron;display:flex;align-items:center;justify-content:center}
.step h3{margin:0 0 4px;font-size:1rem;color:var(--gold2)}
.step p{margin:0;color:var(--mut);font-size:.9rem}

/* 5) checklist + capas */
.mats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.mats img{border-radius:12px;border:1px solid rgba(229,187,71,.4);aspect-ratio:2/3;object-fit:cover;width:100%}
.check{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.check li{padding-left:32px;position:relative;font-weight:600}
.check li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--green);color:#04210f;font:900 .8rem Montserrat;display:flex;align-items:center;justify-content:center}

/* sobre */
.about{display:grid;gap:14px;align-items:center}
.about img{border-radius:var(--r);border:1px solid rgba(229,187,71,.4);aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;width:100%}

/* 6) formulário */
.formbox{background:linear-gradient(180deg,rgba(13,20,16,.95),rgba(7,9,10,.98));border:1px solid rgba(229,187,71,.6);border-radius:16px;padding:22px 18px;box-shadow:0 0 40px rgba(229,187,71,.12)}
.field{display:block;margin:0 0 12px}
.field span{display:block;font-size:.8rem;font-weight:700;color:var(--gold2);margin-bottom:6px}
.field input{width:100%;padding:15px 14px;border-radius:9px;border:1.5px solid #3a3a2a;background:#0a0f0c;color:#fff;font:600 1rem Montserrat,sans-serif;outline:none}
.field input:focus{border-color:var(--gold)}
.consent{display:flex;gap:8px;font-size:.78rem;color:var(--mut);margin:4px 0 14px;align-items:flex-start}
.consent input{margin-top:3px;accent-color:var(--gold);width:16px;height:16px;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.msg{display:none;margin:12px 0 0;padding:12px;border-radius:8px;font-size:.88rem;background:rgba(227,38,27,.12);border:1px solid rgba(227,38,27,.6)}
.msg.show{display:block}
.safe{font-size:.75rem;color:var(--mut);text-align:center;margin:10px 0 0}

/* 7) rodapé legal */
footer{margin-top:44px;padding:26px 0 70px;border-top:1px solid rgba(229,187,71,.2);font-size:.78rem;color:var(--mut)}
footer h4{color:var(--gold2);margin:16px 0 4px;font-size:.82rem}
footer p{margin:0 0 6px}
footer nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
details{border:1px solid #232318;border-radius:8px;padding:10px 12px;margin-top:8px}
details summary{cursor:pointer;color:var(--gold2);font-weight:700}

/* obrigado */
.ty{text-align:center;padding-top:10px}
.ty .ok{width:72px;height:72px;margin:10px auto 14px;border-radius:50%;background:linear-gradient(180deg,#46f28a,var(--green));color:#04210f;font:900 2.2rem Montserrat;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(34,227,107,.4)}
.ty-steps{text-align:left;display:grid;gap:12px;margin:22px 0}

@media(min-width:860px){
 .hero{grid-template-columns:1fr 1fr;align-items:center;gap:36px}
 .hero-photo{order:2;border-radius:var(--r);border-bottom:1px solid rgba(229,187,71,.45)}
 .hero-body{margin-top:0}
 .stepsg{grid-template-columns:1fr 1fr}
 .about{grid-template-columns:.8fr 1.2fr}
 .two{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
 .mats{grid-template-columns:1fr 1fr}
}

/* ===== v3 (26/10): página guiada por imagens do ChatGPT, marca ESCOLA DO WIN ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top.v3{padding:12px 0 10px;border-bottom:1px solid rgba(229,187,71,.18)}
.top.v3 .brand{font-size:1.05rem;letter-spacing:.1em;text-align:center}
.top.v3 .brand small{letter-spacing:.3em;margin-top:2px}
/* slot de imagem: a imagem cobre o aviso; se o arquivo não existir, aparece a caixa com o tamanho exato */
.slot{position:relative;margin:0;overflow:hidden;background:repeating-linear-gradient(45deg,#0d1410 0 16px,#0a0f0c 16px 32px);border:2px dashed rgba(229,187,71,.65);display:flex;align-items:center;justify-content:center;text-align:center}
.slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.slot .ph{z-index:1;padding:14px;color:var(--gold2);font:800 .85rem/1.45 Montserrat,sans-serif}
.slot .ph b{display:block;font:900 1.25rem Orbitron,sans-serif;color:#fff;margin:4px 0}
.slot .ph i{display:block;font-style:normal;color:var(--mut);font-weight:600;font-size:.75rem}
.slot.has-img{border:0;background:none}
.hero-full{width:100%;max-width:760px;margin:0 auto;aspect-ratio:1080/1425}
.hero-full.has-img{box-shadow:0 18px 40px rgba(0,0,0,.6)}
.slot-sq{aspect-ratio:1/1;border-radius:var(--r);width:100%}
.slot-sq.has-img{border:1px solid rgba(229,187,71,.45)}
.free{padding-top:26px}
.free-h{text-align:center;margin:0 0 14px;font-size:clamp(1.6rem,8vw,2.4rem)}
.free .check{margin:16px 0 22px}
.cta-hero{margin:14px auto 0;width:min(760px,92vw)}
.ty3{text-align:center;padding-top:18px}
.ty3 .slot-sq{margin:0 0 18px}

/* ===== v4 (26/10): estilo da entrada do escoladowin.com — foto de fundo + cadastro na 1ª tela ===== */
/* Fundo: usa img/bg-mobile.jpg (1080×1920) / img/bg-desktop.jpg (1920×1080) quando existirem; senão cai na capa aprovada img/hero.jpg */
.bgfix{position:fixed;inset:0;z-index:-1;background:url(../img/bg-mobile.jpg) center top/cover no-repeat,url(../img/hero.jpg) center top/100% auto no-repeat,var(--bg)}
.bgfix:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,10,0) 0%,rgba(7,9,10,0) 38%,rgba(7,9,10,.55) 58%,rgba(7,9,10,.9) 100%)}
.bgfix.dim:after{background:linear-gradient(180deg,rgba(7,9,10,.86),rgba(7,9,10,.93) 40%,rgba(7,9,10,.97))}
.screen{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 14px}
.gate4{width:min(440px,94vw);margin:0 auto;background:linear-gradient(180deg,rgba(13,20,16,.82),rgba(7,9,10,.94));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(229,187,71,.6);border-radius:16px;padding:16px 16px 14px;box-shadow:0 0 40px rgba(229,187,71,.15)}
.gate4 .kicker{display:block;text-align:center;font:900 .95rem Orbitron,sans-serif;letter-spacing:.14em}
.gate4 .kicker small{display:block;font:700 .55rem Montserrat;letter-spacing:.32em;color:var(--mut);margin-top:2px}
.gate4 h1{margin:2px 0 4px;text-align:center;font:900 clamp(1.25rem,6vw,1.6rem)/1.15 Orbitron,sans-serif;color:#fff;text-shadow:0 0 14px rgba(229,187,71,.45)}
.gate4 .sub{text-align:center;color:#dcd8ca;font-size:.85rem;margin:0 0 12px}
.gate4 .field{margin:0 0 9px}
.gate4 .field input{padding:13px 14px}
.gate4 .consent{margin:2px 0 10px;font-size:.72rem}
.gate4 .safe{margin-top:8px}
.sr-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
footer.solid{background:var(--bg);margin-top:0}
@media(min-width:860px){
 .bgfix{background:url(../img/bg-desktop.jpg) center/cover no-repeat,url(../img/hero.jpg) 85% 20%/contain no-repeat,var(--bg)}
 .bgfix:after{background:linear-gradient(90deg,rgba(7,9,10,.92) 0%,rgba(7,9,10,.6) 45%,rgba(7,9,10,0) 70%)}
 .screen{justify-content:center;padding:40px 0}
 .gate4{margin:0 0 0 7vw}
}
/* obrigado: conteúdo liberado */
.unl{width:min(640px,94vw);margin:0 auto;padding:16px 0 30px}
.unl-head{text-align:center;padding:10px 0 6px}
.unl-head .ok{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(180deg,#46f28a,var(--green));color:#04210f;font:900 1.8rem Montserrat;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(34,227,107,.4)}
.unl-head h1{margin:0 0 6px;font:900 clamp(1.5rem,7vw,2.2rem)/1.1 Orbitron,sans-serif}
.unl-card{background:linear-gradient(180deg,rgba(13,20,16,.9),rgba(7,9,10,.95));border:1px solid rgba(229,187,71,.5);border-radius:16px;padding:14px;margin:16px 0}
.unl-card h2{font-size:clamp(1.05rem,5vw,1.35rem);margin:2px 0 10px}
.unl-card .lbl{display:inline-block;font:800 .65rem Montserrat;letter-spacing:.12em;text-transform:uppercase;color:#04210f;background:var(--green);border-radius:99px;padding:4px 10px}
.unl-card .slot{border-radius:12px;margin:0 0 12px}
.unl-card p{margin:0 0 12px;color:#dcd8ca;font-size:.9rem}
.slot-169{aspect-ratio:16/9;width:100%}
.slot-45{aspect-ratio:4/5;width:100%}
.video.has-video{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin:0 0 12px;border:1px solid rgba(229,187,71,.45)}
.video.has-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.final{margin-top:22px;text-align:center}
.final .btn-gold{font-size:1.05rem;padding:18px 20px}
.tg-link{display:inline-block;margin-top:14px;font-weight:700;font-size:.9rem;color:#5cc3f5}

/* botão principal da Escola do Win (obrigado): grande, largura total, brilho pulsando */
.btn-escola{width:100%;font-size:1.15rem;padding:20px 18px;border-radius:12px;letter-spacing:.04em;animation:escolaPulse 1.8s ease-in-out infinite}
.btn-escola:hover{filter:brightness(1.1)}
@keyframes escolaPulse{0%,100%{box-shadow:0 0 0 0 rgba(247,215,116,.75),0 4px 18px rgba(229,187,71,.4);transform:scale(1)}50%{box-shadow:0 0 0 12px rgba(247,215,116,0),0 0 34px rgba(247,215,116,.75);transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.btn-escola{animation:none}}
.escola-note{margin:8px 0 0;font-size:.78rem;color:var(--mut)}
.unl-head .ok{width:50px;height:50px;font-size:1.5rem;margin-bottom:8px}
.tg-link{font-size:.82rem;font-weight:600}

/* v5 (26/10): página curta, 1 tela */
footer.tiny{background:transparent;text-align:center;font-size:.7rem;color:var(--mut);padding:6px 0 8px;margin:0;border:0}
.screen{min-height:calc(100svh - 28px);padding-bottom:8px}
.unl{padding:12px 0 8px}
.unl-card{padding:12px;margin:12px 0}
.unl-card h2{margin:4px 0 8px}
.unl-card .slot{margin:0 0 10px}
/* Bíblia compacta: capa pequena ao lado do botão */
.unl-row{display:grid;grid-template-columns:38% 1fr;gap:12px;align-items:center}
.unl-row .slot{margin:0}
.unl-row .slot .ph{padding:6px;font-size:.6rem}
.unl-row .slot .ph b{font-size:.8rem}
.final{margin-top:14px}
.tg-link{margin-top:10px}

/* v6 (26/10): fundo mobile vindo do ChatGPT (9:16, rosto em cima, base escura) */
@media (max-width:899px){
 .bgfix{background:url(../img/bg-mobile.jpg) center top/100% auto no-repeat,#05080a}
 .bgfix:after{background:linear-gradient(180deg,rgba(7,9,10,0) 0%,rgba(7,9,10,0) 50%,rgba(7,9,10,.5) 66%,rgba(7,9,10,.85) 100%)}
 .screen{justify-content:flex-end;padding-top:46vh}
 .gate4{background:linear-gradient(180deg,rgba(7,9,10,.55),rgba(7,9,10,.9) 30%);padding:12px 14px 10px}
 .gate4 h1{font-size:clamp(1.1rem,5.4vw,1.4rem)}
 .gate4 .sub{margin-bottom:8px;font-size:.8rem}
 .gate4 .field{margin:0 0 7px}
 .gate4 .field input{padding:11px 13px}
 .gate4 .consent{margin:0 0 8px}
}


/* v9 (26/10): layout em fluxo normal — sem fixed/vh/touch-action; rola em qualquer navegador (TikTok/Instagram/Safari) */
html,body{height:auto;overflow:visible}
.bgfix{display:none}
.hero-img{display:block;width:100%;height:auto;margin:0}
.screen{display:block;min-height:0;height:auto;padding:0 0 120px}
.gate4{position:relative;margin:-72vw auto 0;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,rgba(7,9,10,.6),rgba(7,9,10,.95) 25%)}
.hp{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}
@media (min-width:900px){
 body{background:url(../img/hero.jpg) 85% 20%/contain no-repeat,var(--bg)}
 .hero-img{display:none}
 .screen{padding:60px 0 120px}
 .gate4{margin:0 0 0 7vw}
}
/* v11 (26/10): formulário mais alto + espaço pra rolar com teclado aberto */
.hero-img{height:44vh;max-height:430px;object-fit:cover;object-position:50% 12%}
.screen{padding:0 0 75vh}
.gate4{margin:-48px auto 0}
@media (min-width:900px){ .hero-img{display:none} .screen{padding:60px 0 120px} .gate4{margin:0 0 0 7vw} }