/* The Viral Club Academy · páginas grátis com o aspeto sóbrio da página inicial (19 out. 2026)
   Claro: creme, cards claros, vermelho escuro. Escuro: antracite liso, sem estrelas.
   Ligado no fim do <head> de cada página grátis, depois de todos os outros estilos. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
html,body{overflow-x:clip}
html:not([data-tema="escuro"]){
  --bg:#F4EFE4!important;--bg2:#EDE6D8!important;--bg3:#FBF8F1!important;--cream:#F4EFE4!important;--paper:#FBF8F1!important;--card:#FBF8F1!important;
  --ink:#141414!important;--text:#141414!important;--mute:#5E5A52!important;--line:#E2DACB!important;--rule:#E2DACB!important;
  --red:#6E1216!important;--red2:#6E1216!important;--red-d:#560D11!important;--terra:#6E1216!important;--butter:#EFE3B8!important;
  --tf-dest:#6E1216!important;--tf-k:#6E1216!important;--tf-linha:#E2DACB!important;
  background:#F4EFE4!important}
html[data-tema="escuro"]{
  --bg:#1C1D20!important;--bg2:#24262A!important;--bg3:#2A2C31!important;--paper:#2A2C31!important;--card:#2A2C31!important;
  --text:#F3EEE3!important;--mute:#B9B2A6!important;--line:#3A3C42!important;--rule:#3A3C42!important;
  --red:#8E1A1F!important;--red2:#E8A6A0!important;--butter:#EFE3B8!important;--terra:#E8A6A0!important;
  --fv-bg:#1C1D20!important;--fv-card:#2A2C31!important;--fv-card2:#24262A!important;--fv-linha:#3A3C42!important;--fv-texto:#F3EEE3!important;--fv-mute:#B9B2A6!important;--fv-red:#8E1A1F!important;--fv-red-txt:#E8A6A0!important;
  --fv-sombra:0 20px 44px -30px rgba(0,0,0,.6)!important;--fv-raio:22px!important;
  --tf-dest:#E8A6A0!important;--tf-k:#E8A6A0!important;--tf-linha:#3A3C42!important;
  background:#1C1D20!important}
body{font-family:'Hanken Grotesk','Inter',system-ui,sans-serif!important}
html:not([data-tema="escuro"]) body{background:#F4EFE4!important;color:#141414}
html[data-tema="escuro"] body{background:#1C1D20!important;color:#F3EEE3}
/* sem enfeites: estrelas, ondas, brilhos, manchas */
.sb-bg,#ceu,.blob,.estrelas,.estrela,.faisca,.brilho,.brilhos,.glow,.fx,.pp,.rasto,.danca,.est{display:none!important}
/* letras: títulos em Instrument Serif, o resto em Hanken; código em monoespaçado */
:is(h1,h2,h3):not(pre *){font-family:'Instrument Serif',Georgia,serif;font-weight:400}
:is(.mono,.kicker,.k,.tag,.chip,.badge,.pill,.btn,button,.lbl,.rot,.legenda,.tvca-ig,.tvca-voltar){font-family:'Hanken Grotesk','Inter',system-ui,sans-serif!important}
:is(pre,code,kbd,.term pre,.cmd,.cmd-t,.pbox pre){font-family:'Space Mono',ui-monospace,Menlo,monospace!important}
/* botões em pílula, sem sombra dura nem contorno grosso */
:is(.btn,a.btn,button.btn,.cta,.pill){border-radius:999px!important;box-shadow:none!important;border-width:1px!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}
/* cartões: linha fina e cantos suaves, sem sombra dura */
:is(.card,.sk,.pd,.cx,.painel,.term,.caixa,.cartao,.dica,.item,.passo,.mod,.galeria figure){box-shadow:none!important;border-width:1px!important;border-radius:22px!important}
/* topos que eram vermelho vivo passam a creme (claro) / antracite (escuro) */
html:not([data-tema="escuro"]) :is(section.hero,header.hero){background:#F4EFE4!important;color:#141414!important}
html[data-tema="escuro"] :is(section.hero,header.hero){background:#1C1D20!important;color:#F3EEE3!important}
html:not([data-tema="escuro"]) :is(section.hero,header.hero) :is(h1,h2,p,li,small,span:not(.btn *)){color:inherit}
:is(section.hero,header.hero) h1 em,:is(section.hero,header.hero) h1 i{color:#6E1216!important}
html[data-tema="escuro"] :is(section.hero,header.hero) h1 :is(em,i){color:#E8A6A0!important}
/* animações só discretas */
:is(.mascote,.balao,.cursor,.cur){animation:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* modo claro: o texto dos topos que eram vermelhos estava branco */
html:not([data-tema="escuro"]) :is(section.hero,header.hero) :is(p,li,small,strong,b,.sub,.lead,.desc,.intro){color:#3B3733!important}
html:not([data-tema="escuro"]) :is(section.hero,header.hero) :is(.kicker,.k,.tag,.etq,.mono){color:#6E1216!important;border-color:#E2DACB!important}
html:not([data-tema="escuro"]) :is(section.hero,header.hero) :is(.chip,.pill,.selo,.legenda span,.ferr span){color:#141414!important;border-color:#E2DACB!important;background:#FBF8F1!important}
html:not([data-tema="escuro"]) :is(section.hero,header.hero) a:not(.btn):not(.cta){color:#6E1216!important}
html:not([data-tema="escuro"]) :is(section.hero,header.hero) :is(.btn.lin,.btn.out,.btn-out,.btn2,.sec-btn){color:#141414!important;border-color:#E2DACB!important;background:#FBF8F1!important}
html:not([data-tema="escuro"]) :is(section.hero,header.hero) .btn:not(.lin):not(.out):not(.btn2){background:#6E1216!important;color:#F4EFE4!important;border-color:#6E1216!important}
/* sem sombras duras nem contornos grossos em nada (os campos de escrita ficam como estão) */
body *:not(input):not(textarea):not(select){box-shadow:none!important}
body *{border-width:thin!important}
body :is([style*="border:0"],[style*="border: 0"],[style*="border:none"]){border-width:0!important}
/* balões da mascote legíveis nos dois modos */
html:not([data-tema="escuro"]) :is(.balao,.fala,.bubble,[class*="balao"]){background:#FBF8F1!important;color:#141414!important;border:1px solid #E2DACB!important}
html[data-tema="escuro"] :is(.balao,.fala,.bubble,[class*="balao"]){background:#2A2C31!important;color:#F3EEE3!important;border:1px solid #3A3C42!important}
:is(.balao,.fala,.bubble,[class*="balao"])::after,:is(.balao,.fala,.bubble,[class*="balao"])::before{display:none!important}
/* ---------- 3 modos (19 out. 2026): o modo "vermelho" é o escuro com fundo vermelho escuro; o "escuro" fica antracite ---------- */
html[data-tema="escuro"][data-escuro="vermelho"]{
  --bg:#3E0B0F!important;--bg2:#450E13!important;--bg3:#4D1015!important;--paper:#4D1015!important;--card:#4D1015!important;
  --text:#F7F2E7!important;--mute:rgba(247,242,231,.74)!important;--line:rgba(239,227,184,.16)!important;--rule:rgba(239,227,184,.16)!important;
  --red:#8E1A1F!important;--red2:#EFE3B8!important;--terra:#EFE3B8!important;
  --fv-bg:#3E0B0F!important;--fv-card:#4D1015!important;--fv-card2:#450E13!important;--fv-linha:rgba(239,227,184,.16)!important;--fv-texto:#F7F2E7!important;--fv-mute:rgba(247,242,231,.74)!important;--fv-red:#A8242A!important;--fv-red-txt:#EFE3B8!important;
  --tf-dest:#EFE3B8!important;--tf-k:#EFE3B8!important;--tf-linha:rgba(239,227,184,.16)!important;
  background:#3E0B0F!important}
html[data-tema="escuro"][data-escuro="vermelho"] body{background:#3E0B0F!important;color:#F7F2E7}
html[data-tema="escuro"][data-escuro="vermelho"] :is(section.hero,header.hero){background:#3E0B0F!important;color:#F7F2E7!important}
html[data-tema="escuro"][data-escuro="vermelho"] :is(section.hero,header.hero) h1 :is(em,i){color:#EFE3B8!important}
html[data-tema="escuro"][data-escuro="vermelho"] :is(.balao,.fala,.bubble,[class*="balao"]){background:#4D1015!important;color:#F7F2E7!important;border-color:rgba(239,227,184,.16)!important}
html[data-tema="escuro"][data-escuro="vermelho"] .tvca-banner{background:rgba(62,11,15,.9)!important;border-bottom-color:rgba(239,227,184,.16)!important}
html[data-tema="escuro"][data-escuro="vermelho"] .tvca-logo i{color:#EFE3B8!important}
/* ---------- "Voltar aos gratuitos": link com seta e sublinhado vermelho, sem caixa ---------- */
.tvca-voltar{background:none!important;border:0!important;border-radius:0!important;padding:2px 0!important;font:600 14px/1.3 'Hanken Grotesk','Inter',sans-serif!important;color:#141414!important;text-decoration:underline!important;text-decoration-color:#6E1216!important;text-decoration-thickness:1.5px!important;text-underline-offset:5px!important}
.tvca-voltar:hover{color:#6E1216!important}
html[data-tema="escuro"] .tvca-voltar{color:#F3EEE3!important;text-decoration-color:#EFE3B8!important}
html[data-tema="escuro"] .tvca-voltar:hover{color:#EFE3B8!important}