.gobarito-marca-apoio {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    min-width: 0;
}

.gobarito-apoie {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 11px;
    border: 1px solid #b5cced;
    border-radius: 999px;
    background: #eef5ff;
    color: #174b91;
    font: 600 13px/1.2 Arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.gobarito-apoie:hover { background: #dceaff; border-color: #648fc6; }
.gobarito-apoie[hidden] { display: none; }
.gobarito-apoio-modal [hidden] { display: none; }
#nav-publica .landing-nav .apoio-mobile-cta { display: none; }
body.gobarito-authenticated .gobarito-apoie[data-apoie="visitante"] { display: none; }

.gobarito-apoio-modal {
    box-sizing: border-box;
    width: min(620px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 8px;
    overflow: hidden;
    border: 1px solid #d9e2ef;
    border-radius: 20px;
    background: #fff;
    color: #24334a;
    box-shadow: 0 24px 90px #0c204a40;
    font: 14px/1.45 Arial, sans-serif;
}
.apoio-conteudo {
    box-sizing: border-box;
    /* A rolagem fica dentro da moldura, sem alcançar os cantos arredondados. */
    max-height: calc(100dvh - 50px);
    padding: 16px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #b5c2d4 transparent;
}
.gobarito-apoio-modal::backdrop { background: #09172bb3; }
.gobarito-apoio-aberto { overflow: hidden; }
.gobarito-apoio-modal h2 { margin: 6px 28px 12px 0; color: inherit; font-size: 25px; line-height: 1.2; letter-spacing: -0.6px; }
.gobarito-apoio-modal h3 { margin: 0 0 6px; color: inherit; font-size: 17px; line-height: 1.3; }
.gobarito-apoio-modal p { margin: 0 0 8px; }
.apoio-selo { color: #235c9e; font-size: 12px; font-weight: 700; }
.apoio-fechar {
    position: absolute;
    top: 16px;
    right: 20px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f0f4f9;
    color: #24334a;
    font: 26px/1 Arial, sans-serif;
    cursor: pointer;
}
.apoio-pix { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 18px; margin: 16px 0 12px; }
.apoio-qrcode { display: grid; place-items: center; aspect-ratio: 1; box-sizing: border-box; width: 180px; padding: 6px; border: 1px solid #d9e2ef; border-radius: 12px; background: white; color: #24334a; font-size: 13px; text-align: center; }
.apoio-qrcode svg { display: block; width: 100%; height: auto; }
.apoio-pix-dados p { font-size: 13px; line-height: 1.5; }
.apoio-chave strong { font-size: 16px; color: inherit; }
.apoio-copiar, .apoio-copiar-chave {
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #1956a5;
    color: white;
    font: 600 13px/1.3 Arial, sans-serif;
    cursor: pointer;
}
.apoio-copiar:hover { background: #10427f; }
.apoio-copiar-chave { margin-top: 6px; background: transparent; border-color: #b5cced; color: #174b91; }
.apoio-codigo-detalhes { margin-top: 4px; }
.apoio-codigo-detalhes summary { width: fit-content; color: #174b91; font-size: 12px; font-weight: 600; cursor: pointer; }
.apoio-codigo-detalhes[open] summary { margin-bottom: 8px; }
.apoio-codigo-label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; }
.apoio-codigo { box-sizing: border-box; display: block; width: 100%; min-height: 56px; padding: 8px; resize: none; border: 1px solid #c9d5e5; border-radius: 8px; background: #f7f9fc; color: #24334a; font: 11px/1.5 monospace; overflow-wrap: anywhere; }
.gobarito-apoio-modal .apoio-status { margin: 8px 0 0; font-size: 12px; }
.gobarito-apoio-modal .apoio-status:empty { margin: 0; }
.gobarito-apoio-modal .apoio-gratidao { margin: 10px 0 0; color: #52627a; font-size: 12px; }
.gobarito-apoie:focus-visible, .gobarito-apoio-modal button:focus-visible, .apoio-codigo-detalhes summary:focus-visible, .apoio-codigo:focus-visible { outline: 3px solid #488ee9; outline-offset: 3px; }

[data-theme="dark"] .gobarito-apoie { background: #162d4c; border-color: #42658f; color: #c4ddff; }
[data-theme="dark"] .gobarito-apoie:hover { background: #203e64; }
[data-theme="dark"] .gobarito-apoio-modal { background: #172238; border-color: #3a4e6c; color: #e6edf9; }
[data-theme="dark"] .apoio-selo { color: #a7ceff; }
[data-theme="dark"] .apoio-fechar, [data-theme="dark"] .apoio-codigo { background: #202f48; color: #e6edf9; border-color: #3a4e6c; }
[data-theme="dark"] .apoio-copiar-chave { color: #c4ddff; border-color: #42658f; }
[data-theme="dark"] .apoio-codigo-detalhes summary { color: #c4ddff; }
[data-theme="dark"] .gobarito-apoio-modal .apoio-gratidao { color: #b7c5db; }

@media (min-width: 1101px) {
    #nav-publica .landing-topbar-inner { gap: 10px; }
    #nav-publica .landing-nav { gap: 2px; }
    #nav-publica .landing-nav a { padding-inline: 8px; }
}
@media (max-width: 640px) {
    .gobarito-marca-apoio { gap: 7px; }
    .gobarito-apoie { gap: 4px; min-height: 36px; padding-inline: 8px; font-size: 12px; }
    .apoio-conteudo { padding: 12px; }
    .gobarito-apoio-modal h2 { font-size: 23px; }
    .apoio-pix { grid-template-columns: 160px minmax(0, 1fr); gap: 14px; }
    .apoio-qrcode { width: 160px; }
    #nav-publica .landing-topbar-inner { width: calc(100% - 20px); gap: 6px; }
    #nav-publica .brand-lockup img { width: 92px; height: auto; }
    #nav-publica .landing-header-actions .nav-cta { display: none; }
    #nav-publica .landing-nav .apoio-mobile-cta { display: inline-flex; }
}
@media (max-width: 520px) {
    .apoio-pix { grid-template-columns: 1fr; gap: 12px; margin-top: 12px; }
    .apoio-qrcode { margin-inline: auto; }
}
@media print {
    .gobarito-apoie, .gobarito-apoio-modal { display: none !important; }
}