/* Zera o CLS forçando o uso de fontes seguras do sistema */
:root {
  --cassiopeia-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  --cassiopeia-font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  --cassiopeia-font-family-headings: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Redução geral dos títulos principais (Artigos) */
h1, .page-header h1, .item-page h1 {
    font-size: 1.75rem !important; /* Reduz de 40px para 28px */
    line-height: 1.3 !important;
}

/* Redução geral dos títulos secundários e cabeçalhos de Módulos */
h2, .page-header h2, .card-header, .module-title {
    font-size: 1.4rem !important; /* Reduz de 32px para ~22px */
    line-height: 1.3 !important;
}
/* Ajusta o novo footer-2 para ter a mesma cor do rodapé principal */
.container-footer-2 {
    background-color: #1a2536; /* Tom exato de azul escuro do Cassiopeia */
    color: #a3b1cc;            /* Cor do texto ligeiramente clara/suave */
    padding: 15px 0;           /* Espaçamento vertical ideal para direitos reservados */
    text-align: center;        /* Centraliza o texto na tela */
    border-top: 1px solid rgba(255, 255, 255, 0.08); /* Linha divisória muito sutil */
}

/* Garante que links no footer-2 fiquem brancos ou azuis claros */
.container-footer-2 a {
    color: #ffffff;
    text-decoration: none;
}

.container-footer-2 a:hover {
    text-decoration: underline;
}

/* Deixar a logo do topo toda branca e com tamanho fixo para zerar o CLS */
.navbar-brand img, 
.brand-logo img,
.brand img,
.container-header img {
  filter: brightness(0) invert(1) !important;
  width: 249px !important;
  height: 61px !important;
  max-height: 61px !important;
  aspect-ratio: 249 / 61 !important;
}

/* Prende a proporção de todas as imagens com tamanho definido para zerar o CLS */
img[width][height] {
  height: auto !important;
  aspect-ratio: attr(width) / attr(height) !important;
}

/* Força o espaço do container principal da página inicial */
.site-grid {
  contain-intrinsic-size: 1000px;
  content-visibility: auto;
}