/* ══════════════════════════════════════════════════════════════
   TEMA CLÁSSICO — identidade do site antigo (revistamt.com.br)
   Bordô #77141B nos títulos e faixas, menos caixa alta.
   Só cores/tipografia: estrutura e responsivo seguem os CSS de base.
   Carregado por último (includes/header.php). Para reverter, basta
   tirar o arquivo da lista.
   ══════════════════════════════════════════════════════════════ */
:root{
  --bordo:#77141B;
  --bordo-dk:#5A0F14;
  --bordo-lt:#94202A;
}

/* Topo e menu: mantidos nas cores originais do site novo (aprovadas pelo cliente). */
.band-sup{background:var(--paper)}

/* ── Títulos de seção: bordô, sem caixa alta (como no antigo) ── */
.sec{border-top-color:var(--bordo)}
.sec h2,
.sec-h h2,
.ls-top h1{
  text-transform:none;
  letter-spacing:.2px;
  font-size:30px;
  font-weight:700;
  color:var(--bordo);
}
.sec-h{border-top-color:var(--bordo)}
.ph-rule{background:var(--bordo)}
.sec-m,.sec-h a{color:var(--bordo)}
.sec-f{background:var(--bordo);color:#fff}

/* Barras de título que eram pretas (Exclusivo, Painel, widgets) */
.exc-h,.pn-h{background:var(--card);border-bottom:3px solid var(--bordo)}
.exc-h h2,.pn-h h2{color:var(--bordo);text-transform:none;letter-spacing:.2px;font-size:26px}
.exc-f,.pn-f{background:var(--bordo);border-color:var(--bordo);color:#fff}
.exc-h a,.pn-h a{color:var(--ink-45)}
.exc-h a:hover,.pn-h a:hover{color:var(--bordo)}
.wg-h{background:var(--card);border-bottom:3px solid var(--bordo)}
.wg-h::before{background:var(--bordo)}
.wg-h h3{color:var(--bordo);text-transform:none;letter-spacing:.2px;font-size:20px;font-weight:700}

/* Manutenção, Mais lidas e Era das Máquinas: séries especiais, mantêm o fundo escuro original. */

/* ── Edição atual + newsletter: fundo claro, newsletter em bordô ── */
.ed{background:var(--card);border-top:5px solid var(--bordo);border-bottom:1px solid var(--rule)}
.capa{box-shadow:9px 9px 0 var(--bordo),18px 18px 0 rgba(0,0,0,.08)}
.bt{border-color:var(--rule);color:var(--ink-60)}
.bt:hover,.bt.on{background:var(--bordo);border-color:var(--bordo);color:#fff}
.assin{color:var(--bordo)}
.ed-k{color:var(--red)}
.ed-t{color:var(--bordo)}
.ed-i{border-left-color:var(--rule)}
.ed-i:hover{border-left-color:var(--bordo);background:var(--paper)}
.ed-x{color:var(--ink-60)}
.ed-i:hover .ed-x{color:var(--ink)}
/* Newsletter: conteúdo centralizado na vertical, box do mesmo tamanho da coluna */
.nlb{background:var(--bordo);border:0;justify-content:center}
.nlb p{margin-bottom:18px}
.nlb form{margin-top:0}
.nlb p{color:rgba(255,255,255,.82)}
.nlb input{background:#fff;border:1px solid #fff;color:var(--ink)}
.nlb input::placeholder{color:var(--ink-30)}
.nlb input:focus{border-color:var(--gold-lt)}
.nlb button{background:var(--ink)}
.nlb button:hover{background:#000}
.nlb small{color:rgba(255,255,255,.7)}

/* Caixa "edição" das laterais internas */
.ed-side{background:var(--bordo)}
.ed-side-k{color:#fff}
.ed-side-t{color:rgba(255,255,255,.85)}
.ed-side-capa{box-shadow:6px 6px 0 var(--bordo-dk)}
.ed-side-b{background:#fff;color:var(--bordo)}

/* ── Cabeçalhos das páginas internas: bordô no lugar do preto ── */
.pn-hero,.op-hero,.bs-hero,.mk-hero,.cal-hero,.ct-hero{background:var(--bordo);border-bottom-color:var(--bordo-dk)}
.pn-sub,.mk-sub,.cal-sub,.ct-sub{color:rgba(255,255,255,.82)}
.pn-k,.op-tipo,.bs-k,.mk-k,.cal-k,.ct-k{color:#F2D78A}
.op-tipo{border-color:rgba(242,215,138,.6)}
.pn-ed,.op-aut{border-top-color:rgba(255,255,255,.2)}
.pn-ed div,.op-aut-n span,.op-meta,.bs-info{color:rgba(255,255,255,.75)}
.bs-campo input{background:#fff;color:var(--ink);border-color:#fff}
.bs-campo input::placeholder{color:var(--ink-30)}
.bs-campo button{background:var(--ink)}
.bs-campo button:hover{background:#000}
.cal-lang{border-color:rgba(255,255,255,.3)}
.cal-lang a{color:rgba(255,255,255,.8)}
.mk-nums,.mk-n{background:var(--bordo-dk)}
.mk-nums-g{background:rgba(255,255,255,.12)}
.mk-n span{color:rgba(255,255,255,.75)}
.mk-n em{color:rgba(255,255,255,.55)}
.fmt-h,.cal-head{background:var(--bordo)}
.cal-head div{color:rgba(255,255,255,.85);border-right-color:rgba(255,255,255,.15)}

/* Caixas escuras secundárias das internas */
.ac-cta,.info,.dica{background:var(--bordo)}
.ac-cta p,.info-v,.dica-i p{color:rgba(255,255,255,.82)}
.info h3,.dica-k{border-bottom-color:rgba(255,255,255,.2)}
.info-l,.dica-k{color:#F2D78A}
.info-v a{color:#fff;border-bottom-color:rgba(255,255,255,.35)}
.dica-n{color:#F2D78A}
.at.on{background:var(--bordo)}
.mf.on,.bf.on,.ano.on,.pg.on{background:var(--bordo);border-color:var(--bordo)}
.pill.on,.pill:hover,.pg:hover{background:var(--bordo);border-color:var(--bordo)}

/* ── Rodapé: grafite com filete bordô ── */
footer{border-top-color:var(--bordo)}
.foot-s a:hover{background:var(--bordo);border-color:var(--bordo)}

/* ── Hover dos cards: fundo levemente tingido, para deixar claro em qual card o mouse está
   (público mais velho). Mesmo recurso das seções que já trocavam o fundo. ── */
:root{--card-hover:#F8EEEC}
.lanc-card,.nc,.exc-c,.dg-c,.side-dest,.it,.dest,.rs,.cd,.ec-card,.oc,.ct,.eq,.fmt,.gl,.vd{transition:background-color .2s ease,box-shadow .25s ease}
.lanc-card:hover,.lanc-card:focus-visible,
.nc:hover,.nc:focus-visible,
.exc-c:hover,.exc-c:focus-visible,
.dg-c:not(.dg-c--lead):hover,.dg-c:not(.dg-c--lead):focus-visible,
.side-dest:hover,.side-dest:focus-visible,
.it:hover,.it:focus-visible,
.dest:hover,.dest:focus-visible,
.rs:hover,.rs:focus-visible,
.cd:hover,.cd:focus-visible,
.oc:hover,.oc:focus-visible{background-color:var(--card-hover)}