/* ============================================================
   PATCH v2 — Tematización sobria institucional
   Aplicar a admin/assets/style.css, comercio/assets/style.css,
   public/assets/style.css (las variables :root sobreescriben).
   ============================================================ */

:root {
    /* Paleta sobria institucional */
    --primary: #1e3a5f;
    --primary-dark: #16304f;
    --primary-soft: #eef2f7;
    --accent: #b8860b;
    --accent-dark: #94703a;
    --accent-soft: #fef3e2;
    --success: #047857;
    --danger: #b91c1c;
    --warning: #b45309;
    --info: #1e40af;

    --text: #1a202c;
    --muted: #64748b;
    --bg: #f8fafc;
    --bg-subtle: #f1f5f9;
    --card: #ffffff;
    --border: #e2e8f0;

    --sidebar: #ffffff;          /* sidebar ahora es CLARO, no oscuro */
    --sidebar-text: #475569;
    --sidebar-active-bg: #eef2f7;
    --sidebar-active-text: #1e3a5f;
}

/* Quitar gradientes del logo principal — sólido en su lugar */
.brand-logo,
.lg,
.brand-mark {
    background: var(--primary) !important;
    color: #fff;
}

/* Eliminar gradientes del hero / cliente-card / credencial */
.hero,
.cta-banner,
.cliente-card,
.credencial-card,
.app-topbar {
    background: var(--primary) !important;
    background-image: none !important;
}

/* Sidebar ahora claro */
.sidebar {
    background: var(--sidebar) !important;
    color: var(--sidebar-text) !important;
    border-right: 1px solid var(--border);
}
.sidebar .menu a { color: var(--sidebar-text) !important }
.sidebar .menu a.active {
    background: var(--sidebar-active-bg) !important;
    color: var(--sidebar-active-text) !important;
}
.sidebar .brand strong { color: var(--text) !important }

/* === Banner de expansión provincial === */
.banner-expansion {
    background: var(--primary-soft);
    border: 1px solid #d1dbe8;
    border-radius: 6px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--primary);
    margin-bottom: 16px;
}
.banner-expansion i { font-size: 15px; flex-shrink: 0 }
.banner-expansion strong { font-weight: 600 }

/* Esquinas más sobrias (6px en vez de 12-14px) */
.card, .kpi { border-radius: 6px !important }
.btn { border-radius: 5px !important }

/* Quitar destacado de naranja brillante en beneficios */
.benef-card.destacado {
    border-left-color: var(--primary) !important;
}

/* Reducir sombras */
.card, .kpi, .topbar {
    box-shadow: none !important;
    border: 1px solid var(--border);
}

/* Tipografía más liviana en headings */
h1, h2, h3, h4 { font-weight: 600 !important; letter-spacing: -0.01em }
.kpi-value { font-weight: 600 !important }

/* === Header público: logo real === */
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit }
.brand-logo-img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
}
/* Anular el placeholder cuadrado anterior */
.brand-logo { display: none !important }

/* Hero público sobrio */
.hero { background: var(--card) !important; background-image: none !important }
.hero-logo-img {
    width: 140px;
    height: 140px;
    object-fit: contain;
    display: block;
    margin: 0 auto 22px;
}