/* Mental LifeFit — identidade 2026-10 (quizzes 020/030/040: <html class="lf">). Mesmos tokens do app (app/v5.css).
   Títulos: Barlow Condensed 700–800 (rótulos e botões em caixa alta) · texto: Inter 400–800.
   Violeta elétrico como primária, coral como energia, tinta profunda no texto, cartões escuros com gradiente. Contraste AA conferido. */
html.lf{--bg:#f7f6f5;--bg2:#ecebf5;--card:#fff;--tx:#111111;--sub:#565656;--fraco:#6e6c84;--borda:#e3e1ef;
  --ac:#e10600;--acD:#b80500;--acC:#ffece6;--ac2:#fa8072;--ac2t:#c4160f;--ciano:#fa8072;
  --verde:#0e7a4c;--verdeC:#e3f6ec;--alerta:#c4160f;--alertaC:#fdecef;--lilas:#ffece6;--menta:#dff6f5;--rosa:#ffe8ec;--amar:#fff3d6;
  --hero:linear-gradient(140deg,#0d0d0d 0%,#2a0b09 55%,#e10600 100%);
  --disp:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--serif:var(--disp);--r:16px}
html.lf,html.lf body{background:var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic","Noto Sans JP",sans-serif}
html.lf header{background:var(--bg)}
html.lf .logo{font-size:inherit}

/* tipografia */
html.lf h1{font-family:var(--disp);font-weight:700;font-size:31px;line-height:1.06;letter-spacing:.1px;margin:16px 0 8px;text-wrap:balance}
html.lf h1 em{color:var(--ac)}
html.lf .likert-q{font-family:var(--disp);font-weight:700;font-size:28px;line-height:1.1}
html.lf .secao,html.lf .tag{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:1.1px;text-transform:uppercase;color:var(--ac)}
html.lf .txt{color:var(--sub)}html.lf .txt b{color:var(--tx)}
html.lf .sub{color:var(--sub)}
html.lf .legal,html.lf .priv{color:var(--fraco)}
html.lf .bloco h2,html.lf .historia h3,html.lf .cura-hist h3{font-family:var(--disp);font-weight:700;font-size:26px;line-height:1.08;letter-spacing:.1px}
html.lf .pct{font-family:var(--disp);font-weight:800;font-size:68px;letter-spacing:0;color:var(--tx)}
html.lf .res-card h2{font-family:var(--disp);font-weight:800;font-size:40px;letter-spacing:.2px}

/* barras e progresso */
html.lf .segs i{background:var(--borda)}html.lf .segs i.on{background:var(--ac)}
html.lf .barra{background:var(--borda)}html.lf .barra i{background:linear-gradient(90deg,var(--ac),var(--ac2))}
html.lf .barra-load{background:var(--borda)}html.lf .barra-load i{background:linear-gradient(90deg,var(--ac),var(--ac2))}

/* botões: violeta forte, caixa alta condensada */
html.lf .btn{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:.9px;text-transform:uppercase;background:var(--ac);color:#fff;border-radius:16px;padding:15px;box-shadow:0 10px 24px rgba(225,6,0,.32)}
html.lf .btn:active{transform:translateY(1px);box-shadow:0 6px 14px rgba(225,6,0,.3)}
html.lf .btn:disabled{background:#cfcde0;box-shadow:none}
html.lf .btn.ac{background:var(--ac)}
html.lf .rodape{background:linear-gradient(transparent,var(--bg) 30%)}
html.lf .link{color:var(--ac)}

/* opções */
html.lf .op{font-weight:600;background:var(--card);border:1.5px solid var(--borda);box-shadow:0 1px 0 rgba(14,11,31,.03)}
html.lf .op.sel{border-color:var(--ac);background:var(--acC);box-shadow:0 0 0 3px rgba(225,6,0,.12)}
html.lf .op.sel .ck{background:var(--ac);border-color:var(--ac)}
html.lf .likert button{font-family:var(--disp);font-weight:700;font-size:22px;border-radius:14px;border-color:var(--borda);background:var(--card)}
html.lf .likert button.sel{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 8px 18px rgba(225,6,0,.3)}
html.lf .campo:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--acC)}

/* fotos */
html.lf .hero{background:radial-gradient(110% 90% at 50% 100%,var(--acC),transparent 70%),linear-gradient(180deg,#fff,#f3f1fb)}
html.lf .mapa{background:var(--card)}

/* caixas */
html.lf .caixa{background:var(--card);border:1px solid var(--borda)}
html.lf .caixa.alerta{background:var(--alertaC);border-color:#f7c9d2}
html.lf .caixa.ok{background:var(--verdeC);border-color:#bfe6d1}
html.lf .caixa.fato{background:var(--acC);border-color:#ffd2c4}

/* cartões escuros (resultado, promo, card do 040) */
html.lf .res-card,html.lf .promo,html.lf .cura-card{background:var(--hero);color:#fff;border:0;box-shadow:0 18px 40px rgba(42,26,122,.28)}
html.lf .res-card h2,html.lf .res-card b{color:#fff}
html.lf .selo{background:linear-gradient(90deg,var(--ac2t),var(--ac2));font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase}
html.lf .barra-of{background:var(--tx);color:#fff}
html.lf .barra-of button{background:var(--ac2);color:#111111;font-family:var(--disp);font-weight:800;font-size:16px;letter-spacing:.6px;text-transform:uppercase}
html.lf .plano.sel{border-color:var(--ac);background:var(--acC);box-shadow:0 10px 26px rgba(225,6,0,.2)}
html.lf .plano.sel .r{background:var(--ac);border-color:var(--ac)}
html.lf .plano.sel .dia{background:var(--ac)}
html.lf .plano .dia b{font-family:var(--disp);font-weight:800;font-size:24px}
html.lf .promo .cod div{background:#ffd84d;color:#1a1400}
html.lf .lista-at div{border-inline-start-color:var(--ac2)}
html.lf .hist-quer b{color:var(--ac)}
html.lf .depo-of img{box-shadow:0 0 0 3px var(--acC)}
html.lf .garantia .sel30{background:var(--verde)}
html.lf .ck-planos .on,html.lf .ck-metodos .on{border-color:var(--ac);background:var(--acC)}
html.lf .ckx input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--acC)}
html.lf .ckx h3,html.lf .saida-box h3{font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:.1px}
html.lf .saida-box{font-family:Inter,system-ui,sans-serif}
html.lf .saida-pct b{font-family:var(--disp);font-weight:800}
/* 020 (tema sem "clean"): tira o marrom/laranja que sobrava do tema antigo */
html.lf:not(.clean) .txt{color:var(--sub)}
html.lf:not(.clean) .gen{border-color:var(--borda)}
html.lf:not(.clean) .lista-at div{border-color:var(--borda);border-inline-start:5px solid var(--ac2)}
html.lf:not(.clean) .caixa.fato{background:var(--acC)}
html.lf:not(.clean) .etapas div{color:var(--fraco)}html.lf:not(.clean) .etapas div.ok2{color:var(--tx)}

/* revisão Codex 8: textos claros dentro dos cartões escuros, plano escolhido e selo com contraste AA */
html.lf .res-card .txt,html.lf .res-card .nota-alta,html.lf .res-card .niveis,html.lf .res-card .niveis span{color:rgba(255,255,255,.88)}
html.lf .res-card .txt b{color:#fff}
html.lf .plano.sel .dia b{color:#fff}html.lf .plano.sel .dia span{color:rgba(255,255,255,.88)}
html.lf .selo{background:linear-gradient(135deg,#a51636,#c4160f);color:#fff}
html.lf .generos .gen .gen-l,html.lf .inclui-mais{font-family:var(--disp);font-weight:700;letter-spacing:.3px}
html.lf .generos .gen .gen-l{font-size:20px}html.lf .inclui-mais{font-size:17px;text-transform:uppercase}

/* logo tipográfica (igual ao LifeFit da calistenia): nome em Barlow Condensed 900, caixa alta, espaçado, com ponto de destaque */
.lf-word{font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;font-weight:900;font-size:22px;line-height:1;letter-spacing:2px;text-transform:uppercase;color:#111111;white-space:nowrap}
.lf-word::after{content:"";display:inline-block;width:.3em;height:.3em;border-radius:50%;background:#e10600;margin-inline-start:3px;vertical-align:.62em}

/* ===== botões chamativos + azul bebê (paleta vermelho, preto, branco, salmão) ===== */
:root{--azul:#8fd3ff;--azulC:#e9f6ff;--azulT:#0b5f94}
html .btn,html.clean .btn,html.lf .btn,html .btn.ac{background:linear-gradient(135deg,#ff2a1f 0%,#e10600 55%,#c10500 100%);color:#fff;border:0;box-shadow:0 10px 24px rgba(225,6,0,.32),inset 0 1px 0 rgba(255,255,255,.25);letter-spacing:.6px;transition:transform .12s,box-shadow .12s,filter .12s}
html .btn:hover{filter:brightness(1.06);box-shadow:0 12px 28px rgba(225,6,0,.4)}
html .btn:active{transform:translateY(1px) scale(.99)}
html .btn:disabled{background:#cfcfcf;box-shadow:none;color:#fff}
html .barra-of button,html.clean .barra-of button{background:linear-gradient(135deg,#ff2a1f,#e10600);color:#fff;box-shadow:0 6px 16px rgba(225,6,0,.45)}
html .sec-btn,html .btn.sec,html .link-btn{background:var(--azulC);color:var(--azulT);box-shadow:none}
/* azul bebê como cor de apoio */
.ad-col.meta .ad-img{background:linear-gradient(180deg,var(--azulC),#fff)}
.ad-col.meta small{color:var(--azulT)}
.hist-itens div{background:var(--azulC)}
.proj{border-color:#cfe9fb}
.stat81{background:var(--azulC);border-color:#cfe9fb}.stat81 b{color:var(--azulT)}
.plano .off{background:var(--azulC);color:var(--azulT)}
/* plaquinhas de pagamento no rodapé da página de vendas */
.pag-rodape{margin:26px 0 8px;text-align:center}
.pag-rodape small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--sub,#666);margin-bottom:10px}
.pag-rodape .ck-band{justify-content:center;flex-wrap:wrap;gap:6px}
.pag-rodape .bd.pix{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12px;color:#0e7a72;background:#fff;border:1px solid #dcdcdc;border-radius:6px;padding:0 8px;height:26px}
.proj-svg{width:100%;height:auto;display:block;margin-top:4px}.proj-x{display:none}
.proj svg.proj-svg{width:100%!important;height:auto!important;max-width:520px}