/* ===== BLACK FRIDAY 2026 – camada temporária. Para encerrar: remover o <link> e o <script> no index.html ===== */
:root{--bf-gold:#ffc83d;--bf-gold2:#ff9f1c;--bf-red:#ff3b5c;--deep:#05070f;--bg:#0a1020;--bfh:46px}
html{scroll-padding-top:116px}
body{background:#05070f;color:#b9c6d8}
h1,h2,h3{color:#fff}.card h3,.tc h3,.cap h3,.tm h3,.offer h3,details h3{color:var(--navy)}
section{background:#05070f}section.alt{background:linear-gradient(180deg,#09101f,#0b1426)}
section h2,section .lead,section .center>p{color:#fff}section .lead{color:#dddddd}
h2 span[style]{color:var(--bf-gold)!important}
.card,.cap .c,.tc,.pq .p,details{box-shadow:0 0 0 1px #ffc83d22,0 12px 34px #0007}
.hero{background:radial-gradient(800px 480px at 85% 5%,#7a4b00aa 0,transparent 60%),radial-gradient(700px 420px at 0 100%,#0d4d63 0,transparent 60%),#05070f;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-50%;background-image:radial-gradient(2px 2px at 20px 30px,#ffc83d,transparent),radial-gradient(1.5px 1.5px at 90px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 20px,#86dfcb,transparent),radial-gradient(1.5px 1.5px at 60px 140px,#ffc83d,transparent);background-size:200px 180px;opacity:.55;animation:bfDrift 40s linear infinite;pointer-events:none}
.hero .w{position:relative}
@keyframes bfDrift{to{transform:translateY(180px)}}
.dark,.cta-band{background:linear-gradient(120deg,#05070f,#1a1204 55%,#05070f)}
#inscricao{background:radial-gradient(700px 400px at 70% 40%,#6b430088,transparent 65%),#05070f}
/* barra de topo */
#bf-bar{position:sticky;top:0;z-index:60;min-height:46px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:6px 12px;background:linear-gradient(90deg,#ff3b5c,#ff9f1c,#ffc83d,#ff9f1c,#ff3b5c);background-size:300% 100%;animation:bfFlow 8s linear infinite;color:#1b1c20;font-weight:800;font-size:.95rem;text-align:center;letter-spacing:.02em}
#bf-bar a{color:#1b1c20;background:#fff;border-radius:999px;padding:4px 14px;text-decoration:none;font-size:.85rem}
@keyframes bfFlow{to{background-position:300% 0}}
header{top:var(--bfh)!important}
/* contagem regressiva */
.bf-cd{display:inline-flex;gap:6px;align-items:center}
.bf-cd i{font-style:normal;display:inline-flex;flex-direction:column;align-items:center;min-width:46px;padding:4px 6px;border-radius:8px;background:#05070fd9;color:var(--bf-gold);font:800 1.1rem/1.1 "Roboto Slab",serif}
.bf-cd i small{font:600 .6rem/1 Manrope,sans-serif;color:#dddddd;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
#bf-bar .bf-cd i{min-width:38px;font-size:.95rem}
/* oferta no hero */
.bf-offer{margin:0 0 24px;padding:18px 20px;border:1px solid #ffc83d66;border-radius:16px;background:linear-gradient(135deg,#ffc83d1f,#ff3b5c14);box-shadow:0 0 40px #ffc83d22}
.bf-tag{display:inline-block;background:var(--bf-red);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:6px;margin-bottom:10px;animation:bfBlink 1.6s infinite}
@keyframes bfBlink{50%{box-shadow:0 0 0 8px #ff3b5c00;opacity:.85}0%{box-shadow:0 0 0 0 #ff3b5c99}}
.bf-offer .bf-pr{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;color:#fff}
.bf-offer s{color:#9fb4c9}.bf-offer b{font:800 clamp(2.4rem,6vw,3.4rem)/1 "Roboto Slab",serif;color:var(--bf-gold)}
.bf-offer p{margin:8px 0 12px!important;font-size:1rem!important;color:#dddddd}
/* botões */
.btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2));color:#2b2d33;animation:pulse 1.8s infinite}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-20deg);animation:bfShine 3.2s infinite}
@keyframes bfShine{0%,60%{left:-80%}100%{left:150%}}
@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 #ffc83dbb}50%{transform:scale(1.03)}75%{box-shadow:0 0 0 18px #ffc83d00}100%{transform:scale(1);box-shadow:0 0 0 0 #ffc83d00}}
.btn:hover{box-shadow:0 10px 30px #ff9f1c88}.btn.sm{animation:none}.btn.ghost{background:none;color:#fff;border-color:var(--bf-gold)}.btn.ghost::after,.tm .sold::after{display:none}
.tm .sold{background:#b5bcc5}
nav a:hover{color:var(--bf-gold)}
/* card de preço */
.tm.on{position:relative;border:3px solid var(--bf-gold);animation:bfGlow 2.4s ease-in-out infinite}
@keyframes bfGlow{50%{box-shadow:0 0 0 1px #ffc83d,0 0 60px #ffc83d66,0 20px 60px #0009}}
.tm.on .por{color:#e08a00!important}.tm.on .por .rs{color:#e08a00}
.bf-ribbon{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--bf-red),#ff7a3c);color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 18px #ff3b5c66}
.bf-cd.dk{margin:10px 0 4px}.bf-cd.dk i{background:#14161d;color:var(--bf-gold)}
.eyebrow{color:var(--bf-gold)}.badges span{border-color:#ffc83d66;color:var(--bf-gold)}
.chk .ck,.ck{color:var(--bf-gold)}
/* revelação ao rolar */
.bf-js .bf-rv{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.bf-js .bf-rv.bf-in{opacity:1;transform:none}
@media(max-width:700px){#bf-bar{font-size:.82rem}.bf-cd i{min-width:40px}html{scroll-padding-top:130px}}
@media(prefers-reduced-motion:reduce){#bf-bar,.hero::before,.btn,.btn::after,.tm.on,.bf-tag{animation:none!important}.bf-js .bf-rv{opacity:1;transform:none;transition:none}}

/* contraste: superfícies claras mantêm texto escuro */
header,header nav a,.card,.cap .c,.tc,.pq .p,details,.tm,.offer,#ck,dialog,.whenbox,.wait{color:#26364a}
.wait,.wait h3{color:#fff}.wait p{color:#dddddd}
header nav a.btn{color:#2b2d33}
.tc footer,.tc blockquote{color:#26364a}
.whenbox{background:#eef3f8}
.cp .k,.cp .k p{color:#26364a}.cp .k h3,.cp .k b,.cap .c h3,.cap .c b{color:var(--navy)}
.about h3,.about h2{color:#fff}.about h3 span,.about h3 em{color:var(--bf-gold)}.about p,.about li{color:#dddddd}
/* menu: itens centralizados na vertical */
header .w{align-items:center}header nav{display:flex;align-items:center}header nav a{margin-left:22px;line-height:1}header nav a.btn{margin-left:22px}
/* título do card de preço */
.tm.on h3{font-size:1.7rem;letter-spacing:.04em}
/* cabeçalho unido ao hero (dark), logo para fundo escuro */
header{background:#05070f!important;border-bottom:0!important;backdrop-filter:none}
header.bf-scrolled{box-shadow:0 8px 24px #0009}
header nav a:not(.btn){color:#dddddd}header nav a:not(.btn):hover{color:var(--bf-gold)}
/* cabeçalho transparente sobre o hero; vira barra sólida só ao rolar */
header{margin-bottom:-62px;background:transparent!important;transition:background .25s,box-shadow .25s}
header.bf-scrolled{background:#05070ff5!important;box-shadow:0 8px 24px #0009}
.hero{padding-top:calc(clamp(36px,5vw,64px) + 62px);background:radial-gradient(ellipse 55% 80% at 82% 0,#7a4b00aa 0,transparent 70%),radial-gradient(ellipse 50% 60% at 0 100%,#0d4d6366 0,transparent 70%),#05070f}
/* logo do menu: só aparece ao rolar */
header img{opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
header.bf-scrolled img{opacity:1;visibility:visible}
/* ilustração do hero: azul-marinho -> cinza escuro, detalhes preservados */
.viz{background:linear-gradient(160deg,#1d1d21,#0c0c0f)!important;border-color:#3a3a42!important}
.viz rect[fill="#12253b"]{fill:#202126}.viz rect[stroke="#2c4a69"]{stroke:#3f4048}
.viz rect[fill="#0f2034"]{fill:#17181c}.viz rect[stroke="#3f618e"]{stroke:#4d4f58}
.viz [stroke="#1c3957"]{stroke:#2c2d33}.viz [stroke="#1f4160"]{stroke:#383a41}.viz [stroke="#29425f"]{stroke:#3f4048}
.viz text[fill="#9fb4c9"],.viz [fill="#9fb4c9"]{fill:#b4b7be}.viz [fill="#7c8fae"]{fill:#8d9098}
/* detalhes em #ff6e3d: bordas laterais dos cards, marcações de lista, badges e ícones; palavras de destaque */
:root{--bf-hl:#ff6e3d}
.cp .k::before{background:#ff6e3d}
.cp svg,.pq svg,.card svg,.whenbox svg,.wait svg,.pain svg{stroke:#ff6e3d}
div.ic,.cp .k .ic,.pq .p .ic{background:#ff6e3d1f!important}
.ck{background:#ff6e3d2e;color:#ff6e3d}.tm li::before,.offer li::before{color:#ff6e3d}
.badges span{border-color:#ff6e3d66;color:#ff6e3d}
h2 span[style]{color:#ff6e3d!important}.about h3 span,.about h3 em{color:#ff6e3d}.eyebrow{color:#ff6e3d}
/* ilustração do hero (mantida): detalhes em #ff9b1c e #ff3b5c, posição mais alta */
@media(min-width:861px){.viz{transform:translateY(-44px)}}
.dh svg{stroke:#ff6e3d;background:#ff6e3d1f}

/* ===== sistema visual dark unificado (grafite + laranja) ===== */
:root{--g0:#06070a;--g1:#14161b;--bd:#ffffff14}
body,section,footer{background:var(--g0)}section.alt{background:linear-gradient(180deg,var(--g1),#0d1016)}
.hero{background:radial-gradient(ellipse 55% 80% at 82% 0,#7a4b0099 0,transparent 70%),var(--g0)}
.card,.cp .k,.pq .p,.cap .c,.tc,details,.tm,.whenbox,.offer,.wait,.pain,#ck,dialog,.rb{background:linear-gradient(180deg,#161a23,#0f1218)!important;border:1px solid var(--bd)!important;color:#dddddd;box-shadow:0 12px 32px #0008,inset 0 1px 0 #ffffff0d}
.cp .k,.pq .p,details,.tc{transition:border-color .25s,transform .25s,box-shadow .25s}
.cp .k:hover,.pq .p:hover,.tc:hover,details[open]{border-color:#ff6e3d80!important;box-shadow:0 14px 36px #0009,0 0 0 1px #ff6e3d33}
.cp .k h3,.cp .k b,.cap .c h3,.cap .c b,.tc h3,.tm h3,.wait h3,.pain h3,details summary,details b,.pq .p,.pq .p *,.whenbox b{color:#fff}
.cp .k p,.cap .c p,.tc blockquote,.tc footer small,details p,details li,.tm li,.whenbox,.wait p,.pain li{color:#dddddd}
.tc footer,.tc footer b{color:#fff}.av{background:#2a2e38!important;box-shadow:0 0 0 2px #ff6e3d66}
.tm s,.tm .de s{color:#7f8794}.parc{color:#dddddd}.parc b{color:#fff}.tm.on{border:2px solid #ff6e3d!important}
.tm.on .por,.tm.on .por .rs{color:var(--bf-gold)!important}.tm.on h3{color:#fff}
.whenbox{background:linear-gradient(180deg,#141821,#0f1218)!important}
.pain li{background:#ffffff08!important;border:1px solid #ffffff12!important}.pain .bulb,.pain svg{background:#ff6e3d1f}
.faq details[open]{border-color:#ff6e3d80!important}
summary::after,.faq summary::after,.days summary::after{border-color:#ff6e3d!important;color:#ff6e3d}
h2 span,h3 span,h2 em,.about h3 span{color:#ff6e3d!important}
.rb{color:#ff6e3d;border-color:#ff6e3d66!important}.rb:hover{background:#ff6e3d!important;color:#16120c}
/* botões de contato */
.pill,.wa{background:linear-gradient(180deg,#1a1e28,#11141a)!important;color:#fff!important;border:1px solid #ff6e3d88!important;box-shadow:0 10px 26px #000a;transition:background .2s,transform .2s,color .2s}
.pill b{color:#ff6e3d}.pill svg,.wa svg{fill:#ff6e3d}
.pill:hover,.wa:hover{background:#ff6e3d!important;color:#16120c!important;transform:translateY(-2px)}
.pill:hover b{color:#16120c}.pill:hover svg,.wa:hover svg{fill:#16120c}
.punch{color:#fff}.punch span{color:#ff6e3d!important}
.about img{border:5px solid #ff6e3d;box-shadow:0 0 40px #ff6e3d33,0 12px 36px #000a}

/* legibilidade: textos #dddddd, rótulos em branco */
section p,section li,.hero p,.hero li{color:#dddddd}
.card b,.k b,.tc b,details b,.tm b,.whenbox b,.dh b,.parc2 b{color:#fff!important}
.tm small,.dh small,.tc small,.whenbox small,.por small{color:#dddddd!important}
.parc2,.tm p[style]{color:#dddddd!important}
.tm.on .por .rs,.tm.on .pv{color:var(--bf-gold)!important}
.tm li,.whenbox span{color:#dddddd}
/* espaçamento entre menu e logo do hero */
.hero{padding-top:calc(clamp(36px,5vw,64px) + 40px)}
/* ===== bloco da oferta (redesenhado): largura total, abaixo do conteúdo e da ilustração ===== */
.hero .w>.bf-offer{grid-column:1/-1;position:relative;display:grid;grid-template-columns:1.15fr auto auto;align-items:center;gap:0;margin:22px 0 0;padding:34px 36px 28px;border:2px solid transparent;border-radius:22px;background:linear-gradient(160deg,#171a22,#0c0e13) padding-box,linear-gradient(120deg,#ff3b5c,#ff9f1c 55%,#ffc83d) border-box;box-shadow:0 18px 50px #000b,0 0 60px #ff9f1c26}
.hero .w>.bf-offer::before{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(500px 220px at 12% 0,#ffc83d24,transparent 70%);pointer-events:none}
.bf-offer>*{position:relative}
.bf-offer .bf-tag{position:absolute;top:-16px;left:34px;display:inline-block!important;width:auto!important;margin:0!important;border-radius:999px!important;padding:7px 18px!important;background:linear-gradient(90deg,#ff3b5c,#ff7a3c);box-shadow:0 8px 20px #ff3b5c55}
.bf-offer .bf-kicker{display:block;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ff9f1c;margin-bottom:6px}
.bf-offer .bf-pr{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0}
.bf-offer .bf-pr s{font-size:1.15rem;color:#8d95a3}
.bf-offer .bf-pr b{font:800 clamp(2.8rem,5vw,3.9rem)/1 "Roboto Slab",serif;color:#ffc83d;text-shadow:0 0 28px #ffc83d44}
.bf-offer .bf-pr b em{font:700 .4em/1 "Roboto Slab",serif;font-style:normal;margin-right:6px;color:#ffd76a}
.bf-offer .bf-price p{margin:8px 0 0!important;font-size:1.05rem!important;color:#fff}
.bf-offer .bf-time,.bf-offer .bf-act{padding:0 34px;border-left:1px solid #ffffff1a;display:flex;flex-direction:column;gap:10px}
.bf-offer .bf-lbl{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#dddddd}
.bf-offer .bf-cd{gap:8px}
.bf-offer .bf-cd i{min-width:62px;padding:9px 6px 7px;border-radius:12px;background:#1c202a;border:1px solid #ffffff14;font-size:1.7rem;color:#ffc83d}
.bf-offer .bf-cd i small{font-size:.62rem;margin-top:4px}
.bf-offer .bf-act{padding-right:0;align-items:center;text-align:center}
.bf-offer .bf-act .btn{margin:0;white-space:nowrap;padding:18px 30px}
.bf-offer .bf-act small{font-size:.82rem;color:#dddddd}
.hero .viz{align-self:start}
@media(min-width:861px){.hero .viz{transform:none!important;margin-top:-6px}}
@media(max-width:1060px){.hero .w>.bf-offer{grid-template-columns:1fr 1fr;gap:22px 0}.bf-offer .bf-act{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff1a;padding:22px 0 0}.bf-offer .bf-act .btn{width:100%;text-align:center}}
@media(max-width:700px){.hero .w>.bf-offer{grid-template-columns:1fr;padding:32px 20px 22px}.bf-offer .bf-time{border-left:0;border-top:1px solid #ffffff1a;padding:20px 0 0}.bf-offer .bf-tag{left:20px}.bf-offer .bf-cd i{min-width:0;flex:1}.bf-offer .bf-act .btn{white-space:normal}}
/* ===== espaçamento vertical entre blocos reduzido ===== */
section{padding:clamp(22px,3vw,40px) 0}
.hero{padding-bottom:clamp(24px,3vw,36px)}
.cta-band{padding:22px 0}.cta-band p{margin-bottom:16px}
h2{margin-bottom:.45em}
.wait{margin-top:24px}
.cp,.pq{margin-top:24px}
footer{padding-top:24px}
.hero .w{row-gap:6px}
/* ===== revisão mobile ===== */
header nav a.btn,header .btn{white-space:nowrap}
@media(max-width:700px){
#bf-bar{font-size:.8rem;gap:4px 10px;padding:6px 10px;line-height:1.25}
#bf-bar .bf-cd i{min-width:34px;font-size:.85rem;padding:3px 4px}
#bf-bar a{padding:4px 12px;font-size:.8rem}
header nav a.btn{padding:10px 18px;font-size:.95rem;margin-left:0}
}
@media(max-width:700px){#bf-bar a{display:none}#bf-bar{flex-direction:column;gap:6px;padding:7px 10px}}
@media(max-width:700px){#bf-bar>span{font-size:.74rem;white-space:nowrap}#bf-bar{gap:5px;padding:6px 8px}}
@media(max-width:340px){#bf-bar>span{white-space:normal}}
@media(max-width:560px){.tm.on h3{font-size:1.35rem;letter-spacing:.01em;white-space:nowrap}.pill{flex-wrap:wrap;justify-content:center;text-align:center;gap:2px 8px}}
@media(max-width:340px){.tm.on h3{font-size:1.15rem}}
@media(max-width:860px){.hero .viz{max-width:520px;width:100%;justify-self:center;margin:0 auto}}
/* ===== ajustes mobile (somente telas estreitas; desktop não é afetado) ===== */
@media(max-width:560px){
header .w{gap:16px}
header img{height:32px;width:auto;flex:0 1 auto;min-width:0}
header nav{flex:none}
header nav a.btn{padding:10px 16px;font-size:.92rem}
.eyebrow{font-size:.76rem;letter-spacing:.1em;text-wrap:balance}
.tm .btn,.bf-offer>.btn,.bf-act .btn{font-size:1rem;line-height:1.25;padding:14px 18px;text-wrap:balance;white-space:normal}
}
@media(max-width:860px){
/* ordem do hero: logo, badges, título, texto, ilustração, oferta */
.hero .w>div:first-child{display:contents}
.hero .w{row-gap:0}
.hero .w .hero-logo{order:1;margin:0 0 16px}
.hero .w .badges{order:2;margin-bottom:22px}
.hero .w h1{order:3;margin:0 0 14px}
.hero .w>div:first-child>p{order:4;margin:0 0 24px}
.hero .w>.viz{order:5;margin-bottom:24px}
.hero .w>.bf-offer{order:6;margin-top:10px}
}
/* ===== tipografia mobile: base 16px (prática de mercado), títulos mantidos ===== */
@media(max-width:560px){
body{font-size:16px}
.hero h1{font-size:1.55rem}
.hero .w>div:first-child>p{font-size:1.02rem}
h2{font-size:1.45rem}
.lead,.gar p,.about p{font-size:1rem}
.punch{font-size:1.15rem}
.chk li,.offer li,.tm li{font-size:1rem}
.cp .k p,.pq .p,.pain li,.faq details>div,.faq summary,details p,details li{font-size:.97rem}
.cp .k h3,.cap .c h3{font-size:1.15rem}
.dh b{font-size:1.2rem}.dh small{font-size:.95rem}
.badges span{font-size:.88rem;padding:5px 12px}
.tc blockquote{font-size:.97rem}
}
@media(max-width:560px){.bf-offer .bf-kicker{font-size:.7rem;letter-spacing:.08em}}
header.bf-scrolled{background:#05070f!important}