/**
 * Arquivo: public/assets/css/brand-themes-v11-2.css
 * Projeto: Quero Ação / Cadê o Governo
 * Criado em: 19/06/2026 04:10 America/Maceio
 * Descrição: Temas institucionais por domínio, com topbar cinza-claro e hero específico por marca.
 */

body[data-brand="queroacao"],
body[data-brand="cadeogoverno"] {
    --topbar-bg: rgba(245, 247, 250, .96);
    --topbar-line: rgba(15, 23, 42, .10);
    --topbar-text: #263142;
    --topbar-hover: #ffffff;
}

body[data-brand="queroacao"] {
    --brand-hero-1: #09264a;
    --brand-hero-2: #0d3d72;
    --brand-hero-3: #11345f;
    --brand-glow-1: rgba(33, 150, 243, .32);
    --brand-glow-2: rgba(255, 138, 61, .24);
    --brand-ticker: #0d315b;
    --brand-ticker-text: #eef8ff;
    --brand-nav-active: rgba(33, 150, 243, .12);
    --brand-nav-active-text: #125da3;
}

body[data-brand="cadeogoverno"] {
    --brand-hero-1: #102718;
    --brand-hero-2: #1f4b2b;
    --brand-hero-3: #263e23;
    --brand-glow-1: rgba(59, 139, 34, .34);
    --brand-glow-2: rgba(255, 210, 61, .24);
    --brand-ticker: #173921;
    --brand-ticker-text: #f4ffe9;
    --brand-nav-active: rgba(59, 139, 34, .12);
    --brand-nav-active-text: #2d6d1a;
}

body[data-brand="queroacao"] .topbar,
body[data-brand="cadeogoverno"] .topbar {
    background: var(--topbar-bg);
    color: var(--topbar-text);
    border-bottom-color: var(--topbar-line);
    box-shadow: 0 8px 26px rgba(15, 23, 42, .08);
}

body[data-brand="queroacao"] .desktop-nav a,
body[data-brand="cadeogoverno"] .desktop-nav a {
    color: #344054;
}

body[data-brand="queroacao"] .desktop-nav a:hover,
body[data-brand="queroacao"] .desktop-nav a.is-active,
body[data-brand="cadeogoverno"] .desktop-nav a:hover,
body[data-brand="cadeogoverno"] .desktop-nav a.is-active {
    background: var(--brand-nav-active);
    color: var(--brand-nav-active-text);
}

body[data-brand="queroacao"] .desktop-nav .btn-alert,
body[data-brand="cadeogoverno"] .desktop-nav .btn-alert {
    color: #111827;
}

body[data-brand="queroacao"] .ticker,
body[data-brand="cadeogoverno"] .ticker {
    background: var(--brand-ticker);
    color: var(--brand-ticker-text);
    border-bottom-color: rgba(255,255,255,.10);
}

body[data-brand="queroacao"] .hero,
body[data-brand="queroacao"] .page-hero,
body[data-brand="queroacao"] .detail-header,
body[data-brand="queroacao"] .form-intro,
body[data-brand="queroacao"] .admin-head,
body[data-brand="cadeogoverno"] .hero,
body[data-brand="cadeogoverno"] .page-hero,
body[data-brand="cadeogoverno"] .detail-header,
body[data-brand="cadeogoverno"] .form-intro,
body[data-brand="cadeogoverno"] .admin-head {
    background:
        radial-gradient(circle at 15% 5%, var(--brand-glow-1), transparent 36%),
        radial-gradient(circle at 94% 0%, var(--brand-glow-2), transparent 32%),
        linear-gradient(135deg, var(--brand-hero-1) 0%, var(--brand-hero-2) 54%, var(--brand-hero-3) 100%);
    border-color: rgba(255,255,255,.12);
}

body[data-brand="queroacao"] .hero .eyebrow,
body[data-brand="queroacao"] .page-hero .eyebrow,
body[data-brand="queroacao"] .detail-header .eyebrow,
body[data-brand="cadeogoverno"] .hero .eyebrow,
body[data-brand="cadeogoverno"] .page-hero .eyebrow,
body[data-brand="cadeogoverno"] .detail-header .eyebrow {
    color: var(--brand-secondary);
}

body[data-brand="queroacao"] .btn-alert {
    background: linear-gradient(135deg, #ff9b57, #ff7b2d);
    box-shadow: 0 14px 32px rgba(255, 138, 61, .24);
}

body[data-brand="cadeogoverno"] .btn-alert {
    background: linear-gradient(135deg, #ffe37b, #ffd23d);
    box-shadow: 0 14px 32px rgba(255, 210, 61, .24);
}

body[data-brand="queroacao"] .btn-dark {
    background: linear-gradient(135deg, #125da3, #2196f3);
}

body[data-brand="cadeogoverno"] .btn-dark {
    background: linear-gradient(135deg, #2d6d1a, #3b8b22);
}

body[data-brand="queroacao"] .filter-card,
body[data-brand="queroacao"] .content-card,
body[data-brand="queroacao"] .complaint-card,
body[data-brand="queroacao"] .link-card,
body[data-brand="queroacao"] .ranking-card,
body[data-brand="queroacao"] .empty-state,
body[data-brand="queroacao"] .smart-form,
body[data-brand="queroacao"] .pressure-panel,
body[data-brand="cadeogoverno"] .filter-card,
body[data-brand="cadeogoverno"] .content-card,
body[data-brand="cadeogoverno"] .complaint-card,
body[data-brand="cadeogoverno"] .link-card,
body[data-brand="cadeogoverno"] .ranking-card,
body[data-brand="cadeogoverno"] .empty-state,
body[data-brand="cadeogoverno"] .smart-form,
body[data-brand="cadeogoverno"] .pressure-panel {
    border-color: color-mix(in srgb, var(--brand-primary) 14%, #e5e7eb);
}

body[data-brand="queroacao"] .complaint-card:hover,
body[data-brand="queroacao"] .link-card:hover,
body[data-brand="queroacao"] .ranking-card:hover {
    border-color: rgba(33, 150, 243, .28);
    box-shadow: 0 18px 42px rgba(33, 150, 243, .10);
}

body[data-brand="cadeogoverno"] .complaint-card:hover,
body[data-brand="cadeogoverno"] .link-card:hover,
body[data-brand="cadeogoverno"] .ranking-card:hover {
    border-color: rgba(59, 139, 34, .28);
    box-shadow: 0 18px 42px rgba(59, 139, 34, .10);
}

@media (max-width: 900px) {
    body[data-brand="queroacao"] .topbar,
    body[data-brand="cadeogoverno"] .topbar {
        background: rgba(245, 247, 250, .98);
    }
}