/* Quiz — versão CLEAN (teste A/B): visual claro do app LifeFit (modo claro de app/css/app.css).
   Carregado só por quiz/clean.html, DEPOIS de quiz.css. Tudo aqui fica sob .tema-clean (classe posta pelo quiz.js quando QUIZ_CONFIG.tema = "clean").
   Fundo claro, cartões brancos com sombra suave, acento vermelho #e10600, títulos em Barlow Condensed (como o app), texto em Inter. */
html.tema-clean{--bg:#f4f4f6;--card:#fff;--card2:#f0f0f4;--borda:#e3e3ea;--tx:#121214;--tx2:#6c6c78;--tx3:#3a3a42;
  --creme:#e10600;--creme2:#b80500;--red:#e10600;--red-suave:#fff3f2;--verm:#e10600;--ok:#1f9d55;--sombra:0 2px 10px rgba(16,16,24,.06);
  --fh:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;--raio:16px;color-scheme:light}
html.tema-clean,.tema-clean body{background:var(--bg);color:var(--tx)}
.tema-clean a{color:var(--red)}
.tema-clean #quiz{background:var(--bg)}

/* topo + barra de progresso */
.tema-clean .bm-top{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.tema-clean .bm-volta,.tema-clean .bm-menu{color:var(--tx)}
.tema-clean .bm-logo{font-family:var(--fh);font-weight:900;font-size:24px;letter-spacing:2px;text-transform:uppercase}
.tema-clean .bm-logo::after{content:"●";color:var(--red);font-size:.5em;vertical-align:.55em;margin-inline-start:2px}
.tema-clean .bm-sec b{font-family:var(--fh);font-weight:800;font-size:16px;letter-spacing:.8px;text-transform:uppercase}
.tema-clean .bm-segs i{background:#e3e3ea;height:4px;width:38px}
.tema-clean .bm-segs i.full,.tema-clean .bm-segs i.at::after{background:var(--red)}

/* títulos e textos */
.tema-clean .bm-t{font-family:var(--fh);font-weight:800;text-transform:uppercase;font-size:31px;line-height:1.04;letter-spacing:.2px;margin:22px 4px 10px}
.tema-clean .bm-t.up{font-size:32px;margin-top:14px}
.tema-clean .bm-s{color:var(--tx2)}
.tema-clean .bm-s.up{font-weight:700;color:var(--red);letter-spacing:1.2px}
.tema-clean .bm-txt{color:var(--tx3)}.tema-clean .bm-txt b{color:var(--tx)}
.tema-clean .bm-grupo-t{color:var(--red);font-weight:800}
.tema-clean .bm-termos{color:var(--tx2)}
.tema-clean .bm-h2{font-family:var(--fh);font-weight:800;text-transform:uppercase;font-size:29px;line-height:1.05;letter-spacing:.2px}
/* japonês/árabe: Barlow não tem esses caracteres → Inter em negrito */
html.tema-clean[lang=ja] .bm-t,html.tema-clean[lang=ar] .bm-t,html.tema-clean[lang=ja] .bm-h2,html.tema-clean[lang=ar] .bm-h2,
html.tema-clean[lang=ja] .ck2 .ck-tit,html.tema-clean[lang=ar] .ck2 .ck-tit,html.tema-clean[lang=ja] .ck-sub,html.tema-clean[lang=ar] .ck-sub{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.3}
html.tema-clean[lang=ja] .ck-sub,html.tema-clean[lang=ar] .ck-sub{font-size:18px}

/* opções em lista: cartão branco; selecionado = borda vermelha + check vermelho */
.tema-clean .bm-op{background:var(--card);border:1.5px solid var(--borda);box-shadow:var(--sombra);color:var(--tx)}
.tema-clean .bm-op.on{border-color:var(--red);background:var(--red-suave);box-shadow:0 0 0 1px var(--red),0 4px 14px rgba(225,6,0,.12)}
.tema-clean .bm-op.duas small{color:var(--tx2)}
.tema-clean .bm-radio{border:1.5px solid #c4c4cc;background:#fff;color:#fff;font-weight:900}
.tema-clean .bm-radio.on,.tema-clean .bm-radio.q.on{border:0;background:var(--red);color:#fff}
.tema-clean .bm-radio.on:not(.q)::after{content:"✓";font-size:13px;font-weight:900;line-height:1}

/* cartões com foto: moldura branca, foto com cantos arredondados (fundo escuro de estúdio fica "dentro" do cartão) */
.tema-clean .bm-cards{gap:12px}
.tema-clean .bm-card{background:var(--card);border:1.5px solid var(--borda);border-radius:18px;padding:5px;box-shadow:var(--sombra);color:var(--tx)}
.tema-clean .bm-card.on{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 4px 14px rgba(225,6,0,.14)}
.tema-clean .bm-card .bm-img{border-radius:13px;background:linear-gradient(160deg,#26262a,#0e0e10)}
.tema-clean .bm-card-pe{padding:10px 7px 6px;font-weight:600}
.tema-clean .bm-card-pe.claro{background:none;color:var(--tx);font-weight:700}
.tema-clean .bm-seta{background:var(--red);color:#fff}
.tema-clean .bm-cards.sexo .bm-card-pe{font-family:var(--fh);font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.tema-clean .bm-cards.idade .bm-card-pe span,.tema-clean .bm-cards.sexo .bm-card-pe span{white-space:nowrap}
html.tema-clean[lang=ja] .bm-cards.sexo .bm-card-pe,html.tema-clean[lang=ar] .bm-cards.sexo .bm-card-pe{font-family:Inter,system-ui,sans-serif;font-size:16px}
.tema-clean .bm-img.sem{background:radial-gradient(circle at 50% 38%,#2b2b30,#0e0e10 72%)}

/* lado (opções + atleta): atleta num cartão escuro arredondado à direita, sem máscara */
.tema-clean .bm-lado-c{min-height:470px}
.tema-clean .bm-lado-c .bm-ops{width:53%;margin-top:4px}
.tema-clean .bm-lado-img{top:4px;right:0;width:44%;height:450px;border-radius:20px;background:linear-gradient(160deg,#26262a,#0e0e10);box-shadow:0 10px 28px rgba(16,16,24,.16)}
.tema-clean .bm-lado-img img{-webkit-mask-image:none;mask-image:none;object-position:50% 8%}
[dir=rtl].tema-clean .bm-lado-img,.tema-clean [dir=rtl] .bm-lado-img{right:auto;left:0}
[dir=rtl].tema-clean .bm-lado-img img{-webkit-mask-image:none;mask-image:none;object-position:50% 8%}

/* telas de informação / prova social */
.tema-clean .bm-info-img,.tema-clean .bm-grupo{border-radius:20px;box-shadow:0 10px 28px rgba(16,16,24,.14)}
.tema-clean .bm-fone{border-color:#121214;outline:0;box-shadow:0 18px 44px rgba(16,16,24,.18)}
.tema-clean .bm-logos span{color:var(--tx2)}.tema-clean .bm-logos img{filter:grayscale(1)}

/* números (altura/peso) */
.tema-clean .bm-un{background:#e9e9ee}
.tema-clean .bm-un button{color:var(--tx2)}.tema-clean .bm-un button.on{background:#fff;color:var(--red);box-shadow:var(--sombra)}
.tema-clean .bm-num input{color:var(--tx);border-bottom-color:#d1d1d8;font-family:var(--fh);font-weight:800;font-size:60px}
.tema-clean .bm-num input:focus{border-color:var(--red)}
.tema-clean .bm-num span{font-weight:600}
.tema-clean .bm-dica{background:var(--card);color:var(--tx3);box-shadow:var(--sombra);border:1px solid var(--borda)}
.tema-clean .bm-dica.alerta{background:#fff7e8;color:#7a4b00;border-color:#f4dfb6}

/* texto (e-mail, nome) */
.tema-clean .bm-input{background:#fff;color:var(--tx);border-color:var(--borda);box-shadow:var(--sombra)}
.tema-clean .bm-input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,6,0,.1)}
.tema-clean .bm-input::placeholder{color:#a0a0aa}
.tema-clean .bm-sug-i{background:#fff;color:var(--tx);border-color:var(--borda)}
.tema-clean .bm-sug-i b{color:var(--red)}.tema-clean .bm-sug-i.quis{background:var(--red-suave);border-color:var(--red);color:var(--red)}
.tema-clean .bm-pular{color:var(--tx2)}

/* botão principal: vermelho, cantos arredondados, Barlow (igual ao "COMEÇAR" do app) */
.tema-clean .bm-cta{background:linear-gradient(rgba(244,244,246,0),var(--bg) 38%)}
.tema-clean .bm-btn{background:var(--red);color:#fff;border-radius:14px;height:56px;font-family:var(--fh);font-weight:800;font-size:21px;letter-spacing:1px;box-shadow:0 8px 22px rgba(225,6,0,.28)}
.tema-clean .bm-btn:disabled{opacity:1;background:#e1e1e6;color:#9a9aa3;box-shadow:none}
.tema-clean .bm-btn.mini{height:40px;font-size:16px;border-radius:12px;box-shadow:0 4px 12px rgba(225,6,0,.25)}
.tema-clean .bm-btn.sec{background:#fff;border:1.5px solid var(--borda);color:var(--tx);box-shadow:none;font-size:17px;height:auto;min-height:52px;padding:8px 16px}
html.tema-clean[lang=ja] .bm-btn,html.tema-clean[lang=ar] .bm-btn{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:16px}

/* carregamento */
.tema-clean .bm-bar-l b{color:var(--red)}
.tema-clean .bm-bar-t{background:#e3e3ea}.tema-clean .bm-bar-t i{background:var(--red)}
.tema-clean .bm-bar.ok .bm-bar-l b{color:var(--ok)}
.tema-clean .bm-modal{background:rgba(18,18,20,.45)}
.tema-clean .bm-pop{background:#fff;color:var(--tx);box-shadow:0 20px 60px rgba(0,0,0,.2)}
.tema-clean .bm-pop h3{font-weight:600}
.tema-clean .bm-pop-b button{background:#f0f0f4;color:var(--tx)}.tema-clean .bm-pop-b button:last-child{background:var(--red);color:#fff}
.tema-clean .bm-sheet{background:#fff;color:var(--tx)}
.tema-clean .bm-menu-l{color:var(--tx);border-bottom-color:var(--borda)}
.tema-clean .bm-lang{background:#f0f0f4;color:var(--tx)}
.tema-clean .bm-spin{border-color:#e3e3ea;border-top-color:var(--red)}

/* depoimentos, caixas, FAQ */
.tema-clean .bm-depo,.tema-clean .bm-box,.tema-clean .bm-faq,.tema-clean .bm-card2,.tema-clean .bm-chips div,.tema-clean .bm-av-dados>div,.tema-clean .bm-pessoas{background:var(--card);box-shadow:var(--sombra);border:1px solid var(--borda)}
.tema-clean .bm-depo-c p,.tema-clean .bm-faq p,.tema-clean .bm-gar p{color:var(--tx3)}
.tema-clean .bm-estrelas{color:#f5a700}
.tema-clean .bm-check li{border-bottom-color:var(--borda)}
.tema-clean .bm-check li::before{background:var(--red);color:#fff}
.tema-clean .bm-aviso{background:#fff7e0;color:#7a5a00}
.tema-clean .bm-teste{background:#eaf7ee;color:#1f6b35}
.tema-clean .bm-rodape{color:#8e8e98}
.tema-clean .bm-faq summary{color:var(--tx)}

/* oferta */
.tema-clean .bm-oferta-top{background:rgba(244,244,246,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.tema-clean .bm-oferta-top b{font-family:var(--fh);font-weight:800;font-size:28px;color:var(--red);letter-spacing:.5px}
.tema-clean .bm-av-img{border-radius:18px;box-shadow:0 8px 22px rgba(16,16,24,.14)}
.tema-clean .bm-av-col b{font-family:var(--fh);font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.5px}
.tema-clean .bm-av-seta{color:var(--red);font-weight:900}
.tema-clean .bm-av-dados b{font-weight:800}
.tema-clean .bm-nivel i{background:#e6e6ec}.tema-clean .bm-nivel i.on{background:#f39a0b}.tema-clean .bm-nivel.cheio i.on{background:var(--red)}
.tema-clean .bm-big{font-family:var(--fh);font-weight:800;font-size:38px;letter-spacing:0}
.tema-clean .bm-dois2 .bm-big{font-size:32px}
.tema-clean .bm-imc i{background:#fff;border:4px solid #121214;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.tema-clean .bm-imc-cat{color:#1f9d55}.tema-clean .bm-imc-cat.c0{color:#a07c00}.tema-clean .bm-imc-cat.c2{color:#c96a00}.tema-clean .bm-imc-cat.c3{color:var(--red)}
.tema-clean .bm-reco{color:var(--red);background:var(--red-suave);border-color:#ffd4d1}
.tema-clean .bm-chips b{font-weight:700}
.tema-clean .bm-proj{background:var(--red-suave);color:#8f0a05;border:1px solid #ffd4d1;font-weight:600}
.tema-clean .bm-acento,[dir=rtl].tema-clean .bm-acento{background:#fff;color:var(--tx3);box-shadow:var(--sombra)}
.tema-clean .bm-acento{border-left:4px solid var(--red)}
[dir=rtl].tema-clean .bm-acento{border-left:0;border-right:4px solid var(--red)}
.tema-clean .bm-carrossel .bm-fone{border-color:#121214}
.tema-clean .bm-pessoas b{font-family:var(--fh);color:var(--red)}
/* bloco do cupom + cronômetro no vermelho do app */
.tema-clean .bm-promo2{background:linear-gradient(120deg,#e10600 0%,#b30400 60%,#7d0000 100%);box-shadow:0 10px 26px rgba(225,6,0,.25)}
.tema-clean .bm-pr-cod em{background:#121214}
.tema-clean .bm-pr-t span b{font-family:var(--fh);font-size:24px;color:var(--red)}
/* planos: cartões brancos, "Mais popular" vermelho */
.tema-clean .bm-plano{background:#fff;border:1.5px solid var(--borda);box-shadow:var(--sombra);color:var(--tx)}
.tema-clean .bm-plano.on{border-color:var(--red);background:var(--red-suave);box-shadow:0 0 0 1px var(--red),0 6px 18px rgba(225,6,0,.12)}
.tema-clean .bm-plano em{background:var(--red);color:#fff;box-shadow:0 3px 8px rgba(225,6,0,.3)}
.tema-clean .bm-pl-n s,.tema-clean .bm-pl-d s{color:#9a9aa3}
.tema-clean .bm-pl-d{background:#f0f0f4;color:var(--tx)}
.tema-clean .bm-pl-d b{font-family:var(--fh);font-weight:800;font-size:24px}
.tema-clean .bm-plano.on .bm-pl-d{background:var(--red);color:#fff}
.tema-clean .bm-plano.on .bm-pl-d small,.tema-clean .bm-plano.on .bm-pl-d s{color:rgba(255,255,255,.82)}
.tema-clean .bm-pl-n .bm-pl-pct{background:var(--red)}
.tema-clean .bm-renova,.tema-clean .bm-proc,.tema-clean .bm-estim{color:var(--tx2)}
.tema-clean .bm-gar-link{color:var(--tx2)}
.tema-clean .bm-seguro,.tema-clean .bm-legal{color:var(--tx2)}
.tema-clean .bm-seguro2{background:#eaf7ee;color:#1f6b35;border-color:#bfe5cc}
.tema-clean .bm-ssl{background:#f0f0f4;color:var(--tx)}
.tema-clean .bm-seg-box p{color:var(--tx2)}
.tema-clean .bm-planos-fim{border-top-color:var(--borda)}
.tema-clean .bm-selo .lf-ic{width:1.2em;height:1.2em}

/* checkout (já era cartão branco): acentos no vermelho do app */
.tema-clean .ck2 .ck-tit{font-family:var(--fh);font-weight:800;text-transform:uppercase;font-size:26px;line-height:1.05;letter-spacing:.3px}
.tema-clean .ck-sub{font-family:var(--fh);font-weight:800;text-transform:uppercase;font-size:21px;letter-spacing:.4px}
.tema-clean .ck-tot b{font-family:var(--fh);font-size:28px}
.tema-clean .ck-selo{background:var(--red);box-shadow:0 0 0 3px rgba(225,6,0,.18)}
.tema-clean .ck-bonus{background:var(--red-suave);border-color:#ffd4d1}
.tema-clean .ck-eco,.tema-clean .ck-linha.red b{color:var(--red)}
.tema-clean .ck-renbox{border-left-color:var(--red)}
[dir=rtl].tema-clean .ck-renbox{border-left:0;border-right:4px solid var(--red)}
.tema-clean .ck-met.on{border-color:var(--red);background:var(--red-suave);box-shadow:0 0 0 1px var(--red)}
.tema-clean .ck-met.on .ck-rd{border-color:var(--red)}
.tema-clean .ck2 .bm-sheet input:focus,.tema-clean .ck2 textarea:focus{border-color:var(--red)}
.tema-clean .ck2 .bm-btn{background:var(--red);color:#fff}
.tema-clean .ck2 .bm-btn.pix{background:#32bcad;color:#04201d;box-shadow:0 8px 22px rgba(50,188,173,.3)}
.tema-clean .ck2 .bm-btn.ok{background:#1f9d55;color:#fff}
.tema-clean .ck2 .bm-btn.sec{background:#fff;color:var(--tx);border:1.5px solid #d1d1d8;box-shadow:none;font-size:17px}
.tema-clean .ck2 .bm-spin{border-top-color:var(--red)}
.tema-clean .bm-ok{background:#1f9d55;color:#fff}
.tema-clean .pix-exp{color:var(--red)}

/* tablet/desktop: coluna centralizada sobre fundo claro sutil */
@media (min-width:600px){
  html.tema-clean,.tema-clean body{background:radial-gradient(1100px 650px at 50% -12%,#ffe3e0 0%,#f1f1f4 50%,#e9e9ee 100%) fixed}
  .tema-clean #quiz{background:var(--bg);box-shadow:0 0 0 1px #e3e3ea,0 30px 90px rgba(16,16,24,.10)}
}
@media (max-width:370px){
  .tema-clean .bm-t,.tema-clean .bm-t.up{font-size:27px}
  .tema-clean .bm-h2{font-size:26px}
  .tema-clean .bm-cards.sexo .bm-card-pe{font-size:18px}
  .tema-clean .bm-lado-c .bm-ops{width:55%}.tema-clean .bm-lado-img{width:42%}
}
/* depoimentos / imprensa / "o que você recebe" (versão clara) */
.tema-clean .bm-depo-top small{color:var(--tx2)}.tema-clean .bm-depo-top b{color:var(--tx)}
.tema-clean .bm-depo-top .bm-estrelas{color:#f5a700}
.tema-clean .bm-logos img{filter:grayscale(1) brightness(.75);opacity:.75}
.tema-clean .bm-imprensa.oferta .bm-visto{color:var(--tx)}
.tema-clean .bm-inc li{color:var(--tx3)}
.tema-clean .bm-inc-mais{background:var(--red-suave);color:var(--red)}
.tema-clean .ck2 .bm-inc-mais{background:var(--red-suave);color:var(--red)}
/* checkout limpo: chip do cupom e confiança no vermelho/verde do app */
.tema-clean .ck-chip{color:var(--red);border-color:#ffb3ae;background:#fff}
.tema-clean .ck-res{background:#f6f6f8}
/* popup de recuperação no visual claro: título condensado e acento vermelho do app */
.tema-clean .rc-card h2{font-family:var(--fh);font-weight:800;text-transform:uppercase;font-size:28px;line-height:1.05;letter-spacing:.2px}
html.tema-clean[lang=ja] .rc-card h2,html.tema-clean[lang=ar] .rc-card h2{font-family:Inter,system-ui,sans-serif;font-weight:800;text-transform:none;font-size:21px;line-height:1.3}
.tema-clean .rc-badge,.tema-clean .rc-card .bm-btn.rc-cta{background:var(--red)}.tema-clean .rc-card .bm-btn.rc-cta{box-shadow:0 8px 20px rgba(225,6,0,.28)}
.tema-clean .rc-val b,.tema-clean .rc-tm b,.tema-clean .rc-mais{color:var(--red)}
.tema-clean .rc-val b{font-family:var(--fh);font-size:38px}
html.tema-clean[lang=ja] .rc-val b,html.tema-clean[lang=ar] .rc-val b{font-family:Inter,system-ui,sans-serif;font-size:32px}