/* =============================================================
   ACABAMENTO PREMIUM (19/09/2026)
   Mesmo padrão da página inicial aprovada: marfim, grafite,
   dourado só em fios e detalhes; títulos em Cormorant Garamond,
   texto em Lato. Carregado depois do style.css, em todas as páginas.
   As regras de conteúdo valem só para as páginas internas
   (main#page); a página inicial e as páginas com layout próprio
   não são afetadas.
   ============================================================= */

:root {
    --pm-marfim: #fbf8f2;
    --pm-marfim-2: #f6efdf;
    --pm-papel: #ffffff;
    --pm-tinta: #2e2a24;
    --pm-tinta-2: #6b6356;
    --pm-ouro: #b8913f;
    --pm-ouro-texto: #8a6a26;
    --pm-ouro-claro: #dcc690;
    --pm-fio: #e9e0cd;
    --pm-sombra: 0 30px 60px -28px rgba(80, 60, 20, .28);
    --pm-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --pm-sans: Lato, 'Helvetica Neue', Arial, sans-serif;
}

body { color: var(--pm-tinta); }

/* ---------- Menu ---------- */
#navigation {
    background: var(--pm-marfim);
    border-top: 1px solid var(--pm-fio);
    border-bottom: 1px solid var(--pm-fio);
}
#menu > li > a {
    position: relative;
    color: var(--pm-tinta);
    font-weight: 600;
    background-image: linear-gradient(var(--pm-ouro), var(--pm-ouro));
    background-repeat: no-repeat;
    background-position: 1rem calc(100% - .55rem);
    background-size: 0 1px;
    transition: color .2s ease, background-size .25s ease;
}
#menu > li:hover > a,
#menu > li.active > a {
    background-color: transparent;
    color: var(--pm-ouro-texto);
    background-size: calc(100% - 2rem) 1px;
}
#menu .dropdown-menu {
    background: var(--pm-papel);
    border: 1px solid var(--pm-fio);
    border-radius: 14px;
    padding: .45rem;
    box-shadow: var(--pm-sombra) !important;
}
#menu .dropdown-menu li a {
    border-radius: 8px;
    color: var(--pm-tinta);
}
#menu .dropdown-menu li:hover > a,
#menu .dropdown-menu li.active > a {
    background: var(--pm-marfim-2);
    color: var(--pm-ouro-texto);
}
#menu a:focus-visible,
ul#search a:focus-visible {
    outline: 2px solid var(--pm-ouro);
    outline-offset: 2px;
}
ul#search form {
    background: var(--pm-papel);
    border-color: var(--pm-fio);
    border-radius: 14px;
    overflow: hidden;
}

/* ---------- Páginas internas: moldura ---------- */
main#page {
    background: var(--pm-marfim);
    padding-bottom: 4.5rem;
    --bs-link-color: var(--pm-ouro-texto);
    --bs-link-color-rgb: 138, 106, 38;
    --bs-link-hover-color: #6d531c;
    --bs-link-hover-color-rgb: 109, 83, 28;
}
main#page h1,
main#page h2,
main#page h3 {
    font-family: var(--pm-serif);
    font-weight: 700;
    letter-spacing: -.005em;
}
main#page h4,
main#page h5,
main#page h6 { font-family: var(--pm-sans); }

/* título da página (layouts padrão) */
main#page article > header h1,
main#page section.my-4 > header h1 {
    font-size: clamp(2.3rem, 4.4vw, 3.3rem);
    line-height: 1.08;
    color: var(--pm-tinta);
    margin: 1.6rem 0 0;
}
main#page article > header h1::after,
main#page section.my-4 > header h1::after {
    content: "";
    display: block;
    width: 44px;
    height: 1px;
    background: var(--pm-ouro);
    margin-top: 1.1rem;
}
main#page article > header { margin-bottom: 2rem !important; }

/* texto corrido das páginas simples */
main#page article > div,
main#page article > p,
main#page .container > .row > .col-sm-12 > p {
    color: var(--pm-tinta-2);
    line-height: 1.75;
}
main#page article > div > p { max-width: 78ch; }
main#page a:not([class]) {
    color: var(--pm-ouro-texto);
    text-decoration: underline;
    text-decoration-color: rgba(138, 106, 38, .45);
    text-underline-offset: 3px;
}
main#page a:not([class]):hover { color: #6d531c; text-decoration-color: currentColor; }

/* ---------- Botões e formulários ---------- */
main#page .btn {
    border-radius: 999px;
    font-weight: 700;
    padding: .62rem 1.35rem;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
main#page .btn-primary,
main#page .btn-success,
main#page .btn-info,
main#page .btn-dark {
    background: var(--pm-tinta);
    border-color: var(--pm-tinta);
    color: #fff;
}
main#page .btn-primary:hover,
main#page .btn-primary:focus,
main#page .btn-success:hover,
main#page .btn-info:hover,
main#page .btn-dark:hover {
    background: var(--pm-ouro-texto);
    border-color: var(--pm-ouro-texto);
    color: #fff;
}
main#page .btn-secondary,
main#page .btn-outline-secondary,
main#page .btn-outline-primary,
main#page .btn-light {
    background: transparent;
    border: 1px solid var(--pm-ouro);
    color: var(--pm-tinta);
}
main#page .btn-secondary:hover,
main#page .btn-outline-secondary:hover,
main#page .btn-outline-primary:hover,
main#page .btn-light:hover {
    background: var(--pm-papel);
    border-color: var(--pm-ouro-texto);
    color: var(--pm-tinta);
}
main#page .form-control,
main#page .form-select {
    border: 1px solid var(--pm-fio);
    border-radius: 10px;
    background-color: var(--pm-papel);
    padding: .6rem .85rem;
}
main#page .form-control:focus,
main#page .form-select:focus {
    border-color: var(--pm-ouro);
    box-shadow: 0 0 0 3px rgba(184, 145, 63, .18) !important;
}
main#page .form-check-input:checked {
    background-color: var(--pm-tinta);
    border-color: var(--pm-tinta);
}
main#page label,
main#page .form-label { font-weight: 600; color: var(--pm-tinta); }
main#page .card {
    border: 1px solid var(--pm-fio);
    border-radius: 18px;
    background: var(--pm-papel);
}
main#page .nav-pills .nav-link.active,
main#page .nav-tabs .nav-link.active {
    background: var(--pm-tinta);
    border-color: var(--pm-tinta);
    color: #fff;
}
main#page .nav-pills .nav-link,
main#page .nav-tabs .nav-link { border-radius: 999px; color: var(--pm-tinta); }
main#page .accordion-item {
    border: 1px solid var(--pm-fio);
    border-radius: 14px !important;
    overflow: hidden;
    margin-bottom: .6rem;
}
main#page .accordion-button:not(.collapsed) {
    background: var(--pm-marfim-2);
    color: var(--pm-tinta);
}
main#page table { border-color: var(--pm-fio); }

/* ---------- Componentes refeitos em 2026 ----------
   Links úteis, Legislação, Dúvidas (.lu) e Canal de Denúncia
   (.ouvidoria-premium) usam as mesmas variáveis; aqui elas passam
   para a paleta da página inicial. */
main#page .lu,
main#page .ouvidoria-premium {
    --gold: var(--pm-ouro-claro);
    --gold-2: var(--pm-ouro);
    --gold-soft: var(--pm-fio);
    --brown: var(--pm-tinta);
    --ink: var(--pm-tinta);
    --ink-soft: var(--pm-tinta-2);
    --cream: var(--pm-marfim);
    --cream-2: var(--pm-marfim-2);
    --line: var(--pm-fio);
    --shadow: var(--pm-sombra);
    --radius-lg: 24px;
    --radius-md: 18px;
    font-family: var(--pm-sans);
}
main#page .lu h1,
main#page .lu h2,
main#page .ouvidoria-premium h1,
main#page .ouvidoria-premium h2,
main#page .ouvidoria-premium h3 {
    font-family: var(--pm-serif);
    font-weight: 700;
    color: var(--pm-tinta);
    letter-spacing: -.005em;
}
main#page .lu-tag,
main#page .ouvidoria-tag { display: none; }

/* abertura: marfim liso, moldura dourada dupla, favo de mel suave */
main#page .lu-hero,
main#page .ouvidoria-hero {
    position: relative;
    background: var(--pm-papel);
    border: 1px solid var(--pm-fio);
    border-radius: 24px;
    box-shadow: var(--pm-sombra);
    padding: 38px 38px 34px;
}
main#page .lu-hero::before,
main#page .ouvidoria-hero::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(184, 145, 63, .28);
    border-radius: 18px;
    pointer-events: none;
}
main#page .lu-hero::after,
main#page .ouvidoria-hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 45%;
    height: auto;
    border-radius: 0 24px 24px 0;
    opacity: .08;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16.2v32.4L28 64.8 0 48.6V16.2z M28 64.8l28 16.2v32.4 M28 64.8L0 81v32.4' fill='none' stroke='%23b8913f' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 56px 97px;
    -webkit-mask-image: linear-gradient(to left, #000 30%, transparent);
    mask-image: linear-gradient(to left, #000 30%, transparent);
    pointer-events: none;
}
main#page .lu-hero > *,
main#page .ouvidoria-hero > * { position: relative; z-index: 1; }
main#page .lu-hero h1,
main#page .ouvidoria-hero h1 {
    font-size: clamp(2.3rem, 4.4vw, 3.3rem);
    line-height: 1.06;
    letter-spacing: -.005em;
}
main#page .lu-hero h1::after,
main#page .ouvidoria-hero h1::after {
    content: "";
    display: block;
    width: 44px;
    height: 1px;
    background: var(--pm-ouro);
    margin-top: 16px;
}

/* títulos de grupo com fio dourado */
main#page .lu-grupo h2,
main#page .lu-dest-t {
    font-size: 1.85rem;
    line-height: 1.15;
}
main#page .lu-grupo h2::after {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    background: var(--pm-ouro);
    margin-top: 10px;
}

/* cartões */
main#page .lu-card {
    border-radius: 18px;
    border-color: var(--pm-fio);
    box-shadow: none;
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
main#page .lu-card:hover {
    border-color: var(--pm-ouro-claro);
    box-shadow: var(--pm-sombra);
    transform: translateY(-3px);
}
main#page .lu-nome { color: var(--pm-tinta); }
main#page .lu-card:hover .lu-nome { color: var(--pm-ouro-texto); }
main#page .lu-dom { color: var(--pm-ouro-texto); }
main#page .lu-tipo {
    background: var(--pm-marfim);
    border-color: var(--pm-ouro-claro);
    color: var(--pm-ouro-texto);
    letter-spacing: .04em;
}
main#page .lu-atalhos a {
    border-color: var(--pm-fio);
    color: var(--pm-tinta);
    font-weight: 600;
}
main#page .lu-atalhos a:hover,
main#page .lu-atalhos a:focus {
    background: var(--pm-papel);
    border-color: var(--pm-ouro);
    color: var(--pm-ouro-texto);
}
main#page .lu-busca label { color: var(--pm-tinta); }
main#page .lu-busca input {
    border-color: var(--pm-fio);
    border-radius: 999px;
    padding: 12px 20px;
}
main#page .lu-busca input:focus {
    outline: none;
    border-color: var(--pm-ouro);
    box-shadow: 0 0 0 3px rgba(184, 145, 63, .18);
}

/* blocos que eram marrons: caixa clara com moldura */
main#page .lu-mapa,
main#page .lu-contato {
    position: relative;
    background: var(--pm-papel);
    color: var(--pm-tinta);
    border: 1px solid var(--pm-fio);
    box-shadow: var(--pm-sombra);
}
main#page .lu-mapa::before,
main#page .lu-contato::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(184, 145, 63, .28);
    border-radius: 18px;
    pointer-events: none;
}
main#page .lu-mapa > *,
main#page .lu-contato > * { position: relative; }
main#page .lu-mapa h2,
main#page .lu-contato h2 { color: var(--pm-tinta); }
main#page .lu-mapa p,
main#page .lu-contato p { color: var(--pm-tinta-2); }
main#page .lu-mapa-ico {
    border-radius: 50%;
    border: 1px solid var(--pm-ouro-claro);
    background: radial-gradient(circle at 30% 30%, #fffdf8, #f6efdf);
    box-shadow: inset 0 0 0 4px #fff, 0 6px 14px -8px rgba(138, 106, 38, .5);
}
main#page .lu-mapa-ico svg { stroke: var(--pm-ouro-texto); }
main#page .lu-mapa-btn,
main#page .lu-contato a.lu-btn {
    border-radius: 999px;
    background: var(--pm-tinta);
    color: #fff;
    padding: 13px 24px;
}
main#page .lu-mapa-btn:hover,
main#page .lu-mapa-btn:focus,
main#page .lu-contato a.lu-btn:hover,
main#page .lu-contato a.lu-btn:focus {
    background: var(--pm-ouro-texto);
    color: #fff;
}
main#page .lu-mapa-btn:focus,
main#page .lu-contato a.lu-btn:focus { outline: 2px solid var(--pm-ouro); outline-offset: 3px; }

/* "Mais consultadas" da Legislação */
main#page .lu-dest .lu-card {
    background: var(--pm-papel);
    border-color: var(--pm-ouro-claro);
    color: var(--pm-tinta);
    position: relative;
}
main#page .lu-dest .lu-card::before {
    content: "";
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(184, 145, 63, .24);
    border-radius: 13px;
    pointer-events: none;
}
main#page .lu-dest .lu-nome { color: var(--pm-tinta); }
main#page .lu-dest .lu-desc { color: var(--pm-tinta-2); }
main#page .lu-dest .lu-dom { color: var(--pm-ouro-texto); }
main#page .lu-dest .lu-tipo {
    background: var(--pm-marfim);
    border-color: var(--pm-ouro-claro);
    color: var(--pm-ouro-texto);
}

/* Dúvidas */
main#page .lu-faq {
    border-color: var(--pm-fio);
    background: var(--pm-papel);
}
main#page .lu-faq[open] { border-color: var(--pm-ouro-claro); box-shadow: var(--pm-sombra); }
main#page .lu-faq summary { color: var(--pm-tinta); }
main#page .lu-faq summary:hover { color: var(--pm-ouro-texto); }
main#page .lu-acoes button {
    border-radius: 999px;
    background: transparent;
    border-color: var(--pm-ouro);
    color: var(--pm-tinta);
}
main#page .lu-aviso {
    border: 1px solid var(--pm-fio);
    background: var(--pm-papel);
}
main#page .lu-aviso a,
main#page .lu-resp a { color: var(--pm-ouro-texto); }
main#page .lu-fund { color: var(--pm-tinta-2); border-top-color: var(--pm-fio); }

/* ---------- Páginas institucionais com desenho próprio ----------
   História (.hist-), Identidade (.inst-), Compliance (.ci-) e
   Privacidade (.gov-): mesma paleta, mesmas fontes, sem etiquetas
   em maiúsculas sobre os títulos e sem degradês. */
body .hist-page, body .inst-page {
    --navy: var(--pm-tinta);
    --navy-2: var(--pm-tinta);
    --gold: var(--pm-ouro-texto);
    --gold-2: var(--pm-ouro);
    --gold-soft: var(--pm-marfim-2);
    --cream: var(--pm-marfim);
    --ice: var(--pm-marfim);
    --border: var(--pm-fio);
    --line: var(--pm-fio);
    --line-2: var(--pm-fio);
    --text: var(--pm-tinta-2);
    --muted: #7b7263;
    --shadow: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow-md: var(--pm-sombra);
}
body .hist-page, body .inst-page { background: var(--pm-papel); font-family: var(--pm-sans); }
body .hist-page h1, body .hist-page h2, body .hist-page h3,
body .inst-page h1, body .inst-page h2, body .inst-page h3,
body .hist-title, body .hist-section-title, body .inst-title {
    font-family: var(--pm-serif);
    font-weight: 700;
    letter-spacing: -.005em;
    color: var(--pm-tinta);
}
body .hist-kicker, body .hist-section-kicker,
body .inst-kicker, body .inst-section-kicker,
body .ci-eyebrow { display: none; }
body .hist-hero, body .inst-hero {
    border-top: 0;
    border-bottom: 1px solid var(--pm-fio);
    background: var(--pm-marfim);
    position: relative;
    overflow: hidden;
}
body .inst-hero::before { display: none; }
body .hist-hero::after, body .inst-hero::after, body .ci-hero::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: auto;
    width: 45%; height: auto;
    border-radius: 0;
    filter: none;
    opacity: .07;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16.2v32.4L28 64.8 0 48.6V16.2z M28 64.8l28 16.2v32.4 M28 64.8L0 81v32.4' fill='none' stroke='%23b8913f' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 56px 97px;
    -webkit-mask-image: linear-gradient(to left, #000 30%, transparent);
    mask-image: linear-gradient(to left, #000 30%, transparent);
    pointer-events: none;
}
body .hist-hero > *, body .inst-hero > *, body .ci-hero > * { position: relative; z-index: 1; }
body .hist-divider, body .inst-divider { height: 1px; width: 44px; background: var(--pm-ouro); }
body .hist-section-soft, body .inst-section-soft { background: var(--pm-marfim); }
body .hist-card, body .hist-closing, body .inst-closing {
    border: 1px solid var(--pm-fio);
    border-top: 1px solid var(--pm-fio);
    border-radius: 22px;
    background: var(--pm-papel);
    position: relative;
}
body .hist-card::before, body .hist-closing::before, body .inst-closing::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(184, 145, 63, .24);
    border-radius: 16px;
    pointer-events: none;
}
body .hist-timeline-line { width: 1px; background: var(--pm-ouro-claro); }

/* Compliance */
body .ci-page {
    --ci-gold: var(--pm-ouro-claro);
    --ci-gold-dark: var(--pm-ouro);
    --ci-beige: var(--pm-marfim-2);
    --ci-brown: var(--pm-tinta);
    --ci-brown-deep: var(--pm-tinta);
    --ci-gray-dark: var(--pm-tinta-2);
    --ci-bg-soft: var(--pm-marfim);
    --ci-border: var(--pm-fio);
    --ci-border-soft: var(--pm-fio);
    --ci-shadow-sm: none;
    --ci-shadow-md: var(--pm-sombra);
}
body .ci-page { font-family: var(--pm-sans); color: var(--pm-tinta); }
body .ci-page p, body .ci-page li, body .ci-page a,
body .ci-page span, body .ci-page strong { font-family: var(--pm-sans); }
body .ci-page h1, body .ci-page h2, body .ci-page h3, body .ci-page h4 {
    font-family: var(--pm-serif);
    font-weight: 700;
    letter-spacing: -.005em;
    color: var(--pm-tinta);
}
body .ci-hero, body .ci-section--beige, body .ci-commitment,
body .ci-highlight, body .ci-box--accent, body .ci-note-band,
body .ci-premium-card, body .ci-principle-card, body .ci-card,
body .ci-band, body .ci-rule-panel--must, body .ci-rule-panel--forbidden {
    background: var(--pm-papel);
}
body .ci-hero, body .ci-section--beige { background: var(--pm-marfim); }
body .ci-commitment, body .ci-highlight, body .ci-note-band, body .ci-box--accent {
    border: 1px solid var(--pm-fio);
    position: relative;
}
body .ci-card, body .ci-premium-card, body .ci-principle-card { border-color: var(--pm-fio); border-radius: 22px; }
body .ci-card:hover, body .ci-premium-card:hover, body .ci-principle-card:hover { border-color: var(--pm-ouro-claro); }
body .ci-band { border-left: 1px solid var(--pm-ouro); }
body .ci-btn--primary {
    background: var(--pm-tinta);
    color: #fff;
    box-shadow: 0 12px 24px -12px rgba(46, 42, 36, .6);
}
body .ci-btn--primary:hover { background: var(--pm-ouro-texto); color: #fff; filter: none; }
body .ci-btn--secondary { background: transparent; border-color: var(--pm-ouro); color: var(--pm-tinta); }
body .ci-breadcrumb a { color: var(--pm-ouro-texto); }

/* Privacidade */
body .gov-page { color: var(--pm-tinta); font-family: var(--pm-sans); }
body .gov-hero {
    position: relative;
    background: var(--pm-papel);
    color: var(--pm-tinta);
    border: 1px solid var(--pm-fio);
    border-radius: 24px;
    padding: 38px 38px 34px;
    box-shadow: var(--pm-sombra);
}
body .gov-hero::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(184, 145, 63, .28);
    border-radius: 18px;
    pointer-events: none;
}
body .gov-hero h1 {
    font-family: var(--pm-serif);
    font-weight: 700;
    font-size: clamp(2.2rem, 4.2vw, 3.1rem);
    line-height: 1.08;
    color: var(--pm-tinta);
}
body .gov-hero p { color: var(--pm-tinta-2); }
body .gov-section h2 { font-family: var(--pm-serif); font-weight: 700; font-size: 1.85rem; color: var(--pm-tinta); border-bottom-color: var(--pm-fio); }
body .gov-section, body .gov-meta-card { border-color: var(--pm-fio); border-radius: 18px; }
body .gov-meta-card small { color: var(--pm-ouro-texto); }
body .gov-highlight { background: var(--pm-marfim); border-left: 1px solid var(--pm-ouro); }
body .gov-action { background: var(--pm-tinta); border-radius: 22px; }
body .gov-button { background: var(--pm-marfim); color: var(--pm-tinta) !important; border-radius: 999px; padding: 11px 22px; }
body .gov-button:hover { background: #fff; }

/* ---------- Trabalhe conosco: chamada para a página Qualifique-se ---------- */
main#page .pm-qualif {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 28px;
    margin: 0 0 8px;
    padding: 30px 32px;
    background: var(--pm-papel);
    border: 1px solid var(--pm-fio);
    border-radius: 24px;
    box-shadow: var(--pm-sombra);
}
main#page .pm-qualif::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(184, 145, 63, .28);
    border-radius: 18px;
    pointer-events: none;
}
main#page .pm-qualif > * { position: relative; }
main#page .pm-qualif > div { flex: 1 1 360px; min-width: 0; }
main#page .pm-qualif h2 { font-size: clamp(1.7rem, 3vw, 2.2rem); line-height: 1.12; margin: 0 0 8px; color: var(--pm-tinta); }
main#page .pm-qualif p { margin: 0; color: var(--pm-tinta-2); line-height: 1.7; max-width: 70ch; }
main#page .pm-qualif-btn {
    display: inline-flex;
    align-items: center;
    padding: 14px 26px;
    border-radius: 999px;
    background: var(--pm-tinta);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 12px 24px -12px rgba(46, 42, 36, .6);
    transition: background .2s ease;
}
main#page .pm-qualif-btn:hover,
main#page .pm-qualif-btn:focus { background: var(--pm-ouro-texto); color: #fff; }
main#page .pm-qualif-btn:focus-visible { outline: 2px solid var(--pm-ouro); outline-offset: 3px; }
main#page .pm-dica {
    margin: 1rem 0 0;
    padding: 14px 16px;
    border-left: 1px solid var(--pm-ouro);
    background: var(--pm-papel);
    border-radius: 0 12px 12px 0;
    color: var(--pm-tinta-2);
    font-size: .95rem;
}
@media (max-width: 576px) { main#page .pm-qualif { padding: 24px 20px; } }

/* ---------- Notícias (layout do blog) ---------- */
section#page { background: var(--pm-marfim); padding-bottom: 4.5rem; }
#blog h1, #blog h2, #blog h3 {
    font-family: var(--pm-serif);
    font-weight: 700;
    letter-spacing: -.005em;
    color: var(--pm-tinta);
}
#blog .blog-listagem-titulo {
    font-size: clamp(2.3rem, 4.4vw, 3.3rem);
    line-height: 1.08;
    margin: 1.6rem 0 2rem;
}
#blog .blog-listagem-titulo::after {
    content: "";
    display: block;
    width: 44px;
    height: 1px;
    background: var(--pm-ouro);
    margin-top: 1.1rem;
}
#blog .blog-listagem-item { border-bottom-color: var(--pm-fio); }
#blog .blog-listagem-thumb, #blog .blog-listagem-thumb-placeholder { border-radius: 14px; }
#blog .blog-listagem-conteudo h2 { font-size: 1.7rem; line-height: 1.15; }
#blog .blog-listagem-conteudo h2 a { color: var(--pm-tinta); }
#blog .blog-listagem-conteudo h2 a:hover { color: var(--pm-ouro-texto); }
#blog .blog-listagem-data { color: var(--pm-ouro-texto); font-weight: 700; letter-spacing: .04em; }
#blog .blog-listagem-resumo { color: var(--pm-tinta-2); }
#blog .blog-post-artigo { background: transparent; }
#blog .blog-post-voltar a { color: var(--pm-ouro-texto); }
@media (max-width: 640px) {
    #blog .blog-listagem-item { flex-direction: column; gap: 14px; }
    #blog .blog-listagem-thumb-link { width: 100%; min-width: 0; }
    #blog .blog-listagem-thumb, #blog .blog-listagem-thumb-placeholder { height: auto; aspect-ratio: 16 / 10; }
}

/* ---------- Topo no celular e tablet: uma barra só ---------- */
.pm-marca { display: none; }
@media (max-width: 1199.98px) {
    #header { display: none; }
    #navigation { box-shadow: 0 8px 18px -14px rgba(80, 60, 20, .45); }
    #navigation > .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .pm-marca { display: block; padding: .4rem 0; }
    .pm-marca img { height: 48px; width: auto; display: block; }
    #navigation .navbar-toggler {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        margin: .5rem 0;
        padding: .5rem 1rem;
        border: 1px solid var(--pm-ouro);
        border-radius: 999px;
        color: var(--pm-tinta);
        font-size: .95rem;
        font-weight: 700;
        box-shadow: none;
    }
    #navigation .navbar-toggler::before { content: "Menu"; }
    #navigation .navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(184, 145, 63, .25); }
    #navigation .navbar-toggler-icon { width: 1.15em; height: 1.15em; }
    #navigation .navbar-collapse {
        max-height: calc(100vh - 72px);
        overflow-y: auto;
        padding-bottom: .8rem;
    }
    #menu > li > a {
        padding: .85rem .2rem;
        border-bottom: 1px solid var(--pm-fio);
        background-image: none;
    }
    #menu .dropdown-menu {
        box-shadow: none !important;
        border-radius: 12px;
        margin: .4rem 0 .6rem;
    }
    #menu .dropdown-menu li a { padding: .6rem .8rem; white-space: normal; }
    ul#search { padding: .6rem .2rem 0; }
}

@media (max-width: 576px) {
    main#page .lu-hero,
    main#page .ouvidoria-hero { padding: 26px 20px 24px; border-radius: 20px; }
    main#page .lu-hero::after,
    main#page .ouvidoria-hero::after { width: 70%; }
    main#page article > header h1,
    main#page section.my-4 > header h1 { margin-top: 1.1rem; }
}

@media (prefers-reduced-motion: reduce) {
    #menu > li > a,
    main#page .lu-card { transition: none; }
    main#page .lu-card:hover { transform: none; }
}