/*==================================================
    VARIABLES
====================================================*/

:root{

    /*==================================================
        IDENTIDAD CORPORATIVA
    ==================================================*/

    --primary:#D6001C;
    --primary-hover:#B30018;

    --secondary:#1A1A1A;

    --white:#FFFFFF;
    --black:#000000;

    /*==================================================
        ESCALA DE GRISES
    ==================================================*/

    --gray-50:#FAFAFA;
    --gray-100:#F5F5F5;
    --gray-200:#EEEEEE;
    --gray-300:#DDDDDD;
    --gray-400:#C7C7C7;
    --gray-500:#9A9A9A;
    --gray-600:#6E6E6E;
    --gray-700:#4E4E4E;
    --gray-800:#333333;
    --gray-900:#1F1F1F;

    /*==================================================
        COLORES DE ESTADO
    ==================================================*/

    --success:#28A745;
    --warning:#FFC107;
    --danger:#DC3545;
    --info:#0DCAF0;

    /*==================================================
        TEXTO
    ==================================================*/

    --text-color:#555555;
    --title-color:#151515;

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

    --body-bg:#FFFFFF;

    /*==================================================
        CONTENEDOR
    ==================================================*/

    --container:1320px;

    /*==================================================
        ESPACIADOS
    ==================================================*/

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:1.5rem;
    --space-lg:2rem;
    --space-xl:3rem;
    --space-xxl:5rem;

    /*==================================================
        SECCIONES
    ==================================================*/

    --section-space:100px;
    --section-space-sm:70px;
    --section-space-lg:140px;

    /*==================================================
        BORDES
    ==================================================*/

    --radius-sm:6px;
    --radius:12px;
    --radius-lg:20px;
    --radius-xl:30px;

    /*==================================================
        SOMBRAS
    ==================================================*/

    --shadow-sm:0 5px 15px rgba(0,0,0,.05);

    --shadow:
        0 15px 35px rgba(0,0,0,.08);

    --shadow-lg:
        0 25px 60px rgba(0,0,0,.15);

    /*==================================================
        TRANSICIONES
    ==================================================*/

    --transition:.35s ease;

    /*==================================================
        HEADER
    ==================================================*/

    --header-height:90px;
    --topbar-height:42px;

    /*==================================================
        Z-INDEX
    ==================================================*/

    --z-header:999;
    --z-menu:998;
    --z-overlay:997;
    --z-modal:9999;

}


/*==================================================
    ESPACIADOS
====================================================*/

--space-xs:8px;
--space-sm:16px;
--space-md:24px;
--space-lg:32px;
--space-xl:48px;
--space-2xl:64px;
--space-3xl:80px;

/* Separación entre secciones */

--section-space:100px;
--section-space-sm:70px;
--section-space-lg:140px;