/* EMÉRITO · v3 Pandorium · header e rodapé padrão das páginas internas
   Complementa home-v2.css e theme.css. Nenhuma cor literal: tudo por
   variável do design system, para funcionar nos dois temas. */

/* ===== botão de tema no header ===== */
.tema-botao{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--linha);border-radius:50%;background:transparent;color:var(--grafite);cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .25s ease}
.tema-botao:hover{color:var(--ouro);border-color:var(--ouro);transform:translateY(-2px)}
.tema-botao svg{width:19px;height:19px;display:block}
.tema-botao .tema-claro{display:none}
:root[data-tema="claro"] .tema-botao .tema-claro{display:block}
:root[data-tema="claro"] .tema-botao .tema-escuro{display:none}

/* ===== rodapé de três colunas ===== */
.rodape-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.rodape-col{display:flex;flex-direction:column;gap:11px}
.rodape-col h2{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.rodape-col a{color:var(--grafite);font-size:.85rem;text-decoration:none;transition:color .2s ease}
.rodape-col a:hover{color:var(--papel)}

@media (max-width:820px){
  .rodape-nav{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .rodape-nav{grid-template-columns:1fr}
}