/* ajustes da home leve (16/10): capas inteiras, salas clicáveis na faixa */
#s-livros .cartao-p .fig{background:#16181d}
#s-livros .cartao-p .fig img{object-fit:contain}
.sc.cor .sub,.sc.cor p.sub,.sc.cor .troca .sub{color:rgba(255,255,255,.92)!important}
.sc.cor .rot,.sc.cor .bolinhas i{color:rgba(255,255,255,.8)!important}
.cab .logo span,.cab nav a{white-space:nowrap}
.sc.grad .cartao-p .sub,.sc.grad .cartao-p p.sub{color:rgba(255,255,255,.92)!important}
.sc.grad .cartao-p .n{color:#fff!important;opacity:.85}
.sc-logos .trilho a{color:inherit;text-decoration:none}
.sc-logos .trilho a:hover{text-decoration:underline}
.cartao-p .btns{display:flex;gap:.6rem;flex-wrap:wrap}
@media (max-width:700px){.cartao-p{grid-template-columns:1fr;min-height:0}}
/* ── celular (22/10/2026): só até 700px, o computador não muda ── */
@media (max-width:700px){
  /* 2. "com letra e sem letra" (white-space:pre) media 386px a 40px e vazava dos 372px
        de miolo. 8.6vw: 36px a 420 (349px), 31px a 360, 27px a 320 — sempre cabe. */
  body.editorial .t1{font-size:clamp(1.6rem,8.6vw,2.5rem)}
  /* 5. as três fotos "alta" (3:4) ficavam com 496px, quase a tela inteira. */
  .sc-fixo .dir .passo .fig.alta{max-height:50vh}
  .cartao-p .fig{max-height:45vh}
}
@media (max-width:600px){
  /* 4. o botão ♿ ficava no canto esquerdo, em cima da primeira letra dos títulos.
        Vai para o canto de baixo à direita, e o ↑ de voltar ao topo sobe para dar lugar. */
  html #nx-abre{left:auto;right:14px;bottom:14px}
  #neon-topo{bottom:72px}
}