/* Musculos (31/10/2026). Vem depois do concursos.css e do v2.css: so o que a pagina tem de proprio. */

/* ---- titulo por publico: sem data-publico fica o "padrao" ---- */
.t2 [data-p]{display:none}
html:not([data-publico]) .t2 [data-p="padrao"],
html[data-publico="ef"] .t2 [data-p="ef"],
html[data-publico="pilates"] .t2 [data-p="pilates"],
html[data-publico="enf"] .t2 [data-p="enf"],
html[data-publico="med"] .t2 [data-p="med"],
html[data-publico="dor"] .t2 [data-p="dor"],
html[data-publico="desejo"] .t2 [data-p="desejo"]{display:inline}

/* ---- o teste: tres perguntas, resposta na hora ---- */
.mq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1000px;margin:0 auto}
.mq-cartao{background:#fff;border:1px solid var(--borda);border-radius:18px;padding:20px 18px;
  box-shadow:0 18px 40px -26px rgba(36,16,86,.5);transition:box-shadow .3s,border-color .3s}
.mq-num{margin:0 0 6px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violeta)}
.mq-cartao h3{font-size:1.08rem;line-height:1.35;margin:0 0 14px}
.mq-alts{display:grid;gap:8px}
.mq-alts button{font:inherit;font-size:.96rem;text-align:left;padding:11px 14px;border-radius:12px;cursor:pointer;
  border:1.5px solid var(--borda);background:#FBFAFE;color:var(--tinta);transition:background .2s,border-color .2s,transform .15s}
.mq-alts button b{color:var(--violeta);margin-right:4px}
.mq-alts button:active{transform:scale(.98)}
.mq-alts button:disabled{cursor:default}
.mq-feito .mq-alts button{opacity:.55}
.mq-feito .mq-alts button[data-certa]{opacity:1;background:#E4F7DD;border-color:#3BA55C;font-weight:600}
.mq-feito .mq-alts button.mq-errou{opacity:1;background:var(--coral-cl);border-color:var(--coral);text-decoration:line-through;
  animation:mq-treme .35s}
.mq-feito.mq-acertou{border-color:#3BA55C;box-shadow:0 0 0 3px rgba(59,165,92,.18),0 18px 40px -26px rgba(36,16,86,.5)}
.mq-resp{margin-top:12px;padding:12px 14px;border-radius:12px;background:#F4EEFF;font-size:.94rem;line-height:1.45;animation:mq-entra .35s}
.mq-resp p{margin:0}
.mq-resp .mq-onde{margin-top:6px;font-size:.84rem;color:var(--suave)}
.mq-placar{max-width:460px;margin:24px auto 0;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.mq-placar p{margin:0;font-size:1.12rem}
.mq-placar strong{font-size:1.6rem;color:var(--violeta)}
html:not(.js-mq) .mq-resp{display:block}   /* sem JS: respostas abertas */
@keyframes mq-treme{20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:3px 0}}
@keyframes mq-entra{from{opacity:0;translate:0 -6px}}

/* ---- paginas reais: carrossel no celular, grade no computador ---- */
.am-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1000px;margin:6px auto 0}
.am-folha img{aspect-ratio:560/792}
@media (max-width:820px){
  .am-grade{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;
    scroll-snap-type:x mandatory;padding:4px 16px 14px;margin:6px -16px 0;gap:14px;scrollbar-width:none}
  .am-grade::-webkit-scrollbar{display:none}
  .am-folha{scroll-snap-align:center}
}

/* ---- para quem ---- */
.pq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:1000px;margin:0 auto}
.pq-card{background:#fff;border:1px solid var(--borda);border-left:4px solid var(--violeta);border-radius:14px;padding:16px;
  transition-delay:calc(var(--i,0) * .08s)}
.pq-card h3{font-size:1.02rem;margin:0 0 6px}
.pq-card p{margin:0;font-size:.94rem;line-height:1.45;color:var(--suave)}

/* ---- rima com o livro (31/10): o preto da capa no lugar do violeta-noite; lilás e violeta só no brilho ---- */
.t2,.secao-escura,.oferta-palco,.prova,.fim-corpo{background:
  radial-gradient(ellipse 90% 55% at 50% 0%,rgba(93,23,235,.30),transparent 70%),
  radial-gradient(ellipse 70% 45% at 50% 100%,rgba(247,147,130,.10),transparent 70%),#0B0B0D}
.t2-mock{display:block;flex:none;width:clamp(190px,56vw,380px)}
.t2-mock img,.oferta-mock img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(93,23,235,.35))}
.t2-oferta .t2-preco{text-align:left}
.oferta-mock{position:relative;z-index:2;margin:0 auto -30px;max-width:560px}
@media (min-width:821px){.t2-mock{width:470px}}
.t2-preco strong{white-space:nowrap}
@media (max-width:820px){.t2-mock{width:clamp(180px,50vw,300px)}}