@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
/* The Viral Club Academy · estilo comum da plataforma (ligado em cada página com <link rel="stylesheet" href="/editorial.css?v=N">)
   v6 (19 out. 2026): aspeto sóbrio da página inicial nova (creme, cards claros com linha fina e cantos 22-24px,
   Instrument Serif nos títulos com itálico vermelho escuro, Hanken Grotesk no texto, botões em pílula, sem enfeites).
   - Cores da marca: vermelho escuro, creme e amarelo manteiga. 3 modos (tema.js): claro (creme), vermelho (fundo vermelho escuro) e escuro (antracite), sem estrelas nem ondas.
   - Páginas com cores próprias (verde e roxo: Edição Creator, Ideias Infinitas, Anúncios, Atlas) têm <html data-paleta="propria">:
     mantêm as cores, só ficam com o mesmo ar elegante (linhas finas, sem sombras duras, sem enfeites no fundo).
   - Linhas de 1px, cantos de 16 a 18px, sem contornos pretos grossos nem sombras duras. */

/* brilhos e enfeites animados não podem alargar a página no telemóvel */
html,body{overflow-x:clip}
/* tudo o resto só vale nas páginas da plataforma, que ligam o editorial.css?v=10 (as páginas de venda e a página inicial ficam como estão) */

/* ---------- cores da marca nas páginas vermelhas ---------- */
html:has(link[href*="editorial.css?v=10"]):not([data-paleta="propria"]):not(.fav-escuro):not([data-tema="escuro"]){
  --red:#6E1216!important;--red-d:#560D11!important;--red-soft:#F3E4DC!important;
  --cream:#F7F2E7!important;--butter:#EFE3B8!important;--paper:#FCF9F2!important;
  --ink:#2A1214!important;--mute:#7E6A62!important;--rule:#E4D8C2!important;
}
html:has(link[href*="editorial.css?v=10"]):not([data-paleta="propria"]).fav-escuro:not([data-escuro="antracite"]){
  --fv-bg:#3E0B0F;--fv-card:#4D1015;--fv-card2:#450E13;
  --fv-linha:rgba(239,227,184,.16);--fv-texto:#F7F2E7;--fv-mute:rgba(247,242,231,.74);
  --fv-red:#A8242A;--fv-red-txt:#EFE3B8;
  --fv-sombra:0 20px 44px -28px rgba(0,0,0,.55);--fv-raio:18px;
  --red:#A8242A!important;--butter:#EFE3B8!important;
}
/* modo escuro (3.º modo): antracite escuro, com os mesmos destaques (vermelho escuro nos botões, manteiga nos destaques) */
html:has(link[href*="editorial.css?v=10"]):not([data-paleta="propria"]).fav-escuro[data-escuro="antracite"]{
  --fv-bg:#1E1F22;--fv-card:#2A2B2F;--fv-card2:#242528;
  --fv-linha:rgba(255,255,255,.12);--fv-texto:#F3EEE3;--fv-mute:rgba(243,238,227,.72);
  --fv-red:#8A1B20;--fv-red-txt:#EFE3B8;
  --fv-sombra:0 20px 44px -28px rgba(0,0,0,.6);--fv-raio:18px;
  --red:#A8242A!important;--butter:#EFE3B8!important;
  --esc-rgb1:30,31,34;--esc-rgb2:36,37,40;
}
/* textos em vermelho claro no modo escuro passam a manteiga */
html:has(link[href*="editorial.css?v=10"]):not([data-paleta="propria"]).fav-escuro :is(h1,h2,h3,.hero h1,.brand,.logo) em{color:#EFE3B8!important}

/* ---------- fundo do modo escuro: liso, sem estrelas, ondas nem brilhos ---------- */
html:has(link[href*="editorial.css?v=10"]).fav-escuro .sb-bg{background-image:none!important;background-color:var(--fv-bg)!important}
html:has(link[href*="editorial.css?v=10"]).fav-escuro :is(.sb-waves,.sb-stars,.sb-stars2,.sb-fly,.sb-fly2){display:none!important}

/* ---------- cartões: linha fina, cantos suaves, sem sombra dura ---------- */
html:has(link[href*="editorial.css?v=10"]) :is(
  .card,.rank,.idea,.nextcard,.mcard,.prog,.quizcard,.mentcta,.about .box,
  .fer,.prompt,.caixa,.cartao,.fam,.pedido,.cam,.tipo,.prize
){border:1px solid var(--rule,rgba(0,0,0,.12))!important;border-radius:18px!important;box-shadow:none!important}
html:has(link[href*="editorial.css?v=10"]).fav-escuro :is(
  .card,.rank,.idea,.nextcard,.mcard,.prog,.quizcard,.mentcta,.about .box,
  .fer,.prompt,.caixa,.cartao,.fam,.pedido,.cam,.tipo,.prize
){border-color:var(--fv-linha)!important;box-shadow:none!important}

/* ---------- botões: sem contorno preto nem sombra dura ---------- */
html:has(link[href*="editorial.css?v=10"]) :is(
  .btn,.btn.solid,.btn.verm,.cta,.btn-red,.pill,.pill.solid,.qc-go,.mentcta a,.aviso .ok,.dl,.prox,.top a.cursos,.login,.voltar,.back
){box-shadow:none!important;border-width:1px!important}
html:has(link[href*="editorial.css?v=10"]) :is(
  .btn.solid,.btn.verm,.cta,.btn-red,.pill.solid,.qc-go,.mentcta a,.aviso .ok,.prox
){border-color:transparent!important}

/* ---------- etiquetas ---------- */
html:has(link[href*="editorial.css?v=10"]) :is(.dur,.badge,.tag,.chip){border-width:1px!important;box-shadow:none!important}

/* ---------- barra vermelha do topo das páginas do Clube: vermelho escuro ---------- */
html:has(link[href*="editorial.css?v=10"]):not([data-paleta="propria"]):not(.fav-escuro):not([data-tema="escuro"]) .top{border-bottom:1px solid rgba(0,0,0,.08)}

@media (prefers-reduced-motion:reduce){html:has(link[href*="editorial.css?v=10"]).fav-escuro .sb-bg *{animation:none!important}}

/* ---------- regra geral nas páginas da plataforma: sem sombras duras e linhas finas ---------- */
html:has(link[href*="editorial.css?v=10"]) body *:not(input):not(textarea):not(select){box-shadow:none!important}
/* contornos grossos (1,5px, 2px, 3px) passam a 1px; os que eram 0 ficam 0 */
html:has(link[href*="editorial.css?v=10"]) body *{border-width:thin!important}
html:has(link[href*="editorial.css?v=10"]) body :is([style*="border:0"],[style*="border: 0"],[style*="border:none"]){border-width:0!important}

/* ---------- enfeites a piscar e manchas de fundo: fora ---------- */
html:has(link[href*="editorial.css?v=10"]) :is(
  .blob,.faisca,.brilho,.brilhos,.brilhos-maq,.brilho-maq,.pp,.rasto,.fx,.glow,#ceu,.danca
){display:none!important}


/* =====================================================================
   v6 · SÓBRIO, ORGANIZADO E LIMPO (igual à página inicial nova)
   ===================================================================== */
/* letras: Hanken Grotesk no texto e nas etiquetas; Instrument Serif nos títulos; código continua monoespaçado */
html:has(link[href*="editorial.css?v=10"]){--sans:'Hanken Grotesk','Inter',system-ui,sans-serif!important;--body:'Hanken Grotesk','Inter',system-ui,sans-serif!important;--head:'Hanken Grotesk','Inter',system-ui,sans-serif!important;--grot:'Hanken Grotesk','Inter',system-ui,sans-serif!important;--mono:'Hanken Grotesk','Inter',system-ui,sans-serif!important;--serif:'Instrument Serif',Georgia,serif!important;--display:'Instrument Serif',Georgia,serif!important}
html:has(link[href*="editorial.css?v=10"]) body{font-family:'Hanken Grotesk','Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html:has(link[href*="editorial.css?v=10"]) :is(pre,code,kbd,samp,textarea.code){font-family:'Space Mono',ui-monospace,Menlo,monospace!important}
/* cores do modo claro, iguais às da página inicial */
html:has(link[href*="editorial.css?v=10"]):not([data-paleta="propria"]):not(.fav-escuro):not([data-tema="escuro"]){--cream:#F4EFE4!important;--paper:#FBF8F1!important;--ink:#141414!important;--mute:#5E5A52!important;--rule:#E2DACB!important;--red:#6E1216!important;--red-d:#560D11!important}
html:has(link[href*="editorial.css?v=10"]):not([data-paleta="propria"]):not(.fav-escuro):not([data-tema="escuro"]) body{background-color:#F4EFE4}
/* cartões: linha fina, cantos de 22px e uma sombra suave só ao passar o rato */
html:has(link[href*="editorial.css?v=10"]) :is(.card,.rank,.idea,.nextcard,.mcard,.prog,.quizcard,.mentcta,.about .box,.fer,.prompt,.caixa,.cartao,.fam,.pedido,.cam,.tipo,.prize,.p,.mcv,.jc,.casa-card,.modulo,.aula-card){border-radius:22px!important;transition:transform .2s ease,box-shadow .2s ease}
html:has(link[href*="editorial.css?v=10"]) :is(a.card,a.p,a.cam,a.quizcard,a.nextcard):hover{transform:translateY(-3px)!important;box-shadow:0 26px 54px -36px rgba(20,20,20,.45)!important}
/* botões em pílula, sem maiúsculas espaçadas */
html:has(link[href*="editorial.css?v=10"]) :is(.btn,.btn.solid,.btn.verm,.cta,.btn-red,.btn-out,.pill,.pill.solid,.qc-go,.mentcta a,.aviso .ok,.dl,.prox,.top a.cursos,.login,.voltar,.back,.go,.btn-ghost,.dlbtn,.expbtn){border-radius:999px!important;font-family:'Hanken Grotesk','Inter',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}
/* etiquetas pequenas: Hanken em maiúsculas, discretas */
html:has(link[href*="editorial.css?v=10"]) :is(.kicker,.k,.tag,.badge,.chip,.estado,.dur,.sec-k,.etq){font-family:'Hanken Grotesk','Inter',system-ui,sans-serif!important;letter-spacing:.12em!important}
/* títulos: Instrument Serif, peso normal, palavra-chave em itálico */
html:has(link[href*="editorial.css?v=10"]) :is(h1,h2):not(.code *){font-family:'Instrument Serif',Georgia,serif;font-weight:400}
/* sem distrações: faixas a correr paradas, pulsos e brilhos desligados */
html:has(link[href*="editorial.css?v=10"]) :is(.ticker,.ticker-track,.track,.tk,.marquee) *, html:has(link[href*="editorial.css?v=10"]) :is(.ticker-track,.ticker .track,.ticker > div){animation:none!important}
html:has(link[href*="editorial.css?v=10"]) :is(.carimbo,.oferta-31,.promo-31,.magic-btn,.selo,.of-selo,[class*="pulsa"],[class*="brilh"]){animation:none!important}
html:has(link[href*="editorial.css?v=10"]) :is(.pp,.rasto,.est,.estrela,.estrelas,.confete,.papelinhos){display:none!important}
@media (prefers-reduced-motion:reduce){html:has(link[href*="editorial.css?v=10"]) *{animation:none!important;transition:none!important}}
/* menus numa linha só */
html:has(link[href*="editorial.css?v=10"]) :is(.top nav a,header nav a,.nav a,.menu a){white-space:nowrap}

/* ---------- botões de voltar ("Os meus cursos", "Máquina", "Voltar…"): link com seta e sublinhado vermelho, sem caixa (19 out. 2026) ---------- */
html:has(link[href*="editorial.css?v=10"]) :is(a.voltar,a.side-cursos,a.cursos,a.link-cursos,a.voltar-pill){
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  padding:2px 0!important;height:auto!important;min-height:0!important;width:auto!important;
  display:inline-flex!important;align-items:center;gap:6px;
  font:600 14px/1.3 'Hanken Grotesk','Inter',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
  color:var(--ink,#141414)!important;text-decoration:underline!important;text-decoration-color:var(--red,#6E1216)!important;
  text-decoration-thickness:1.5px!important;text-underline-offset:5px!important;transform:none!important}
html:has(link[href*="editorial.css?v=10"]) :is(a.voltar,a.side-cursos,a.cursos,a.link-cursos,a.voltar-pill):hover{color:var(--red,#6E1216)!important}
html:has(link[href*="editorial.css?v=10"]).fav-escuro :is(a.voltar,a.side-cursos,a.cursos,a.link-cursos,a.voltar-pill){color:var(--fv-texto,#F3EEE3)!important;text-decoration-color:#EFE3B8!important}
html:has(link[href*="editorial.css?v=10"]).fav-escuro :is(a.voltar,a.side-cursos,a.cursos,a.link-cursos,a.voltar-pill):hover{color:#EFE3B8!important}
/* espaço entre o link de voltar e o título que vem a seguir (nem colado, nem longe) e o link nunca é espremido nos menus laterais */
html:has(link[href*="editorial.css?v=10"]) :is(a.voltar,a.side-cursos,a.cursos,a.link-cursos,a.voltar-pill,a.tvca-voltar){flex:none!important;margin-bottom:24px!important}
/* quando o link está na mesma linha do título (topo em linha), não leva margem por baixo e fica alinhado com o título */
html:has(link[href*="editorial.css?v=10"]) .topo :is(a.voltar,a.side-cursos,a.cursos,a.link-cursos,a.voltar-pill){margin-bottom:0!important}
html:has(link[href*="editorial.css?v=10"]) .topo:has(> a.voltar){align-items:baseline!important;column-gap:18px!important}