/* theme_2026.css — Sistema visual 2026-10 para TODAS las páginas internas (lo carga
   src/includes/header_icons.php). Mismo lenguaje que la web, el acceso y los correos:
   Plus Jakarta Sans · azul marino #0B1730 · azul #1D4ED8 · verde Hogar #0F766E · acción #C2410C.
   Solo ajusta variables y estilos comunes: no cambia la estructura de ninguna página.
   Guía: ceo/docs/GUIA_COMUNICACION.md */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    /* Paletas propias de cada página (hogar, personal, finanzas, tesorería, ayudas, empresa, cuadro de mando) */
    --hh-blue: #1D4ED8 !important; --hr-blue: #1D4ED8 !important; --fx-blue: #1D4ED8 !important; --tz-blue: #1D4ED8 !important;
    --ay-blue: #1D4ED8 !important; --de-blue: #1D4ED8 !important; --db-rev: #1D4ED8 !important; --fx-accent: #0B1730 !important;
    --hh-border: #E2E7EF !important; --hr-border: #E2E7EF !important; --tz-border: #E2E7EF !important; --ay-border: #E2E7EF !important;
    --de-border: #E2E7EF !important; --db-border: #E2E7EF !important;
    --hh-ink: #0E1A2B !important; --hr-ink: #0E1A2B !important; --tz-ink: #0E1A2B !important; --ay-ink: #0E1A2B !important;
    --de-ink: #0E1A2B !important; --db-ink: #0E1A2B !important;
    /* Texto secundario con más contraste (4,5:1 sobre blanco) */
    --hh-ink2: #4A5568 !important; --hr-ink2: #4A5568 !important; --tz-ink2: #4A5568 !important; --ay-ink2: #4A5568 !important;
    --de-ink2: #4A5568 !important; --db-ink2: #4A5568 !important;
    --hh-bg: #F3F5F9 !important; --hr-bg: #F3F5F9 !important; --tz-bg: #F3F5F9 !important; --ay-bg: #F3F5F9 !important;
    --de-bg: #F3F5F9 !important; --db-bg: #F3F5F9 !important;
}

body, button, input, select, textarea {
    font-family: 'Plus Jakarta Sans', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
body { -webkit-font-smoothing: antialiased; }

/* Barra superior: azul marino de la marca (antes gris casi negro) */
.shell-bar { background: #0B1730 !important; }

/* Botones principales: azul marino, sin azul eléctrico */
.hh-btn.primary, .hr-btn.primary, .fx-btn.primary, .tz-btn.primary, .sb-btn.primary, .de-btn.primary, .db-btn.primary, .btn.primary {
    background: #0B1730 !important; border-color: #0B1730 !important; color: #FFFFFF !important; border-radius: 10px !important; font-weight: 700 !important;
}
.hh-btn, .hr-btn, .fx-btn, .tz-btn, .sb-btn, .de-btn, .db-btn { border-radius: 10px !important; min-height: 40px; }
.hh-btn.primary:hover, .hr-btn.primary:hover, .fx-btn.primary:hover, .tz-btn.primary:hover, .sb-btn.primary:hover, .de-btn.primary:hover, .db-btn.primary:hover { background: #16264A !important; }

/* Pestañas: la activa en azul marino */
.hh-tab.on, .hr-tab.on, .hr-tab.active, .fx-tab.on, .tz-tab.on, .sb-tab.on { background: #0B1730 !important; border-color: #0B1730 !important; color: #FFFFFF !important; }

/* Tarjetas: esquinas y bordes uniformes */
.hh-card, .hr-card, .fx-card, .tz-card, .sb-card, .sap-card, .sap-table-container, .cc-grid > * {
    border-radius: 16px !important; border-color: #E2E7EF !important;
}

/* Etiquetas de las cifras: sin MAYÚSCULAS forzadas (se leen peor) */
.hr-kpi .lbl, .hh-kpi .lbl, .tz-kpi .lbl, .fx-kpi .lbl, .sap-card > span { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; }

/* Enlaces */
.hh-wrap a:not([class]), .hr-wrap a:not([class]), .tz-md a { color: #1D4ED8; }

/* Foco visible para teclado */
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(29,78,216,.35) !important; outline-offset: 2px; }