:root {

    /* ======================================================
       COLORES LOGIN
    ====================================================== */

    --login-primary: #005940;
    --login-primary-light: #087454;

    --login-accent: #f0c23d;
    --login-accent-dark: #c18e11;


    /* ======================================================
       FONDO GENERAL
    ====================================================== */

    --login-background-image:
        url("../imagenes/fondoLogin-Unitropico.svg");


    /* ======================================================
       FONDO PANEL IZQUIERDO
    ====================================================== */

    --login-brand-image:
        url("../imagenes/fondoLoginIzquierdo-Unitropico.svg");


   
    /* ── Paleta principal ──────────────────────────── */
    --mc_primary: #2f9fd4;
    --mc_primary-text: #ffffff;
    --mc_primary_dark: #1e7aaa;
    --mc_primary_soft: #eaf5fc;
    --mc_primary_soft-text: #1c5f80;

    /* ── Secundarios ──────────────────────────────── */
    --mc_secondary: #6b7280;
    --mc_secondary_soft: #e5e7eb;
    --mc_secondary_soft-text: #374151;

    --mc_gray: #6b7280;
    --mc_danger: #e63950;
    --mc_danger_soft: #fde8eb;

    /* ── Superficie y fondos ──────────────────────── */
    --mc_surface: #f3f4f6;
    --mc_surface_alt: #ffffff;
    --mc_border: #d1d5db;

    /* ── Sidebar ──────────────────────────────────── */
    --sidebar-bg: #1e2433;
    --sidebar-bg-hover: #2a3248;
    --sidebar-accent: #2f9fd4;
    --sidebar-text: #cbd5e1;
    --sidebar-text-active: #ffffff;

    /* ── Footer ───────────────────────────────────── */
    --footer-bg: #1e2433;

    /* ── Header ───────────────────────────────────── */
    --header-bg: whitesmoke;
    --header-border: whitesmoke;
    --header-text: #2a3248;
    --header-hover: #2f9fd4;

    /* ── Sombras y radios ─────────────────────────── */
    --shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,.15);
    --shadow-focus: 0 0 0 3px rgba(47,159,212,.25);
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;

    /* ── Tipografía ───────────────────────────────── */
    --font-base: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

    /* ── Transiciones ─────────────────────────────── */
    --transition: 0.18s ease;

    /* Colores para datatables*/
    --mc_datatables_header_text: white;
    --mc_datatables_header: rgb(96, 96, 98);
    --mc_datatables_row_even: #f8fafc;
}

.linea-entidad {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 6px;
    border: 0;

    background: linear-gradient(
        90deg,
        #005940 0%,
        #087454 28%,
        #f0c23d 55%,
        #c18e11 72%,
        #087454 88%,
        #005940 100%
    );

    box-shadow:
        0 2px 6px rgba(0, 89, 64, 0.30),
        0 1px 3px rgba(240, 194, 61, 0.22);
}