/* =======================================================
   DIF MORELOS - DESIGN SYSTEM
   Versión 1.0
   Dirección de Tecnologías de la Información
======================================================= */

:root{

    /* Colores institucionales */

    --dif-primary:#212529;
    --dif-secondary:#495057;
    --dif-light:#f8f9fa;
    --dif-white:#ffffff;

    --dif-success:#198754;
    --dif-warning:#ffc107;
    --dif-danger:#dc3545;
    --dif-info:#0dcaf0;

    /* Bordes */

    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:18px;

    /* Sombras */

    --shadow-sm:0 .15rem .35rem rgba(0,0,0,.08);
    --shadow-md:0 .4rem 1rem rgba(0,0,0,.10);

    /* Transiciones */

    --transition:.25s ease;

}

/* ========================= */

body{

    background:var(--dif-light);

    font-family:

        "Segoe UI",

        Roboto,

        Arial,

        sans-serif;

    color:var(--dif-primary);

}

/* ========================= */

.card{

    border:none;

    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-sm);

}

/* ========================= */

.card-header{

    background:

        linear-gradient(

            90deg,

            var(--dif-primary),

            var(--dif-secondary)

        );

    color:white;

    border:none;

}

/* ========================= */

.btn-primary{

    background:var(--dif-secondary);

    border-color:var(--dif-secondary);

}

.btn-primary:hover{

    background:var(--dif-primary);

}

/* ========================= */

.table thead{

    background:

        linear-gradient(

            90deg,

            var(--dif-primary),

            var(--dif-secondary)

        );

    color:white;

}