/*=========================================
    ICA WEB V3
    VARIABLES GLOBALES
=========================================*/

:root{

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

    --color-primario:#F58220;
    --color-primario-hover:#E56F09;

    --color-secundario:#222222;

    --color-blanco:#FFFFFF;

    --color-fondo:#F7F8FA;

    --color-gris:#6B7280;

    --color-gris-claro:#E5E7EB;

    --color-exito:#25D366;

    --color-texto:#2C2C2C;

    /*==========================
        TIPOGRAFÍA
    ==========================*/

    --fuente-principal:'Poppins',sans-serif;

    /*==========================
        TAMAÑOS
    ==========================*/

    --h1:3.8rem;

    --h2:2.5rem;

    --h3:1.35rem;

    --texto:1rem;

    --texto-pequeno:.90rem;

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

    --espacio-xs:8px;

    --espacio-sm:16px;

    --espacio-md:24px;

    --espacio-lg:40px;

    --espacio-xl:70px;

    --espacio-xxl:100px;

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

    --ancho-maximo:1280px;

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

    --radio-sm:8px;

    --radio-md:16px;

    --radio-lg:24px;

    --radio-xl:40px;

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

    --sombra-suave:0 8px 20px rgba(0,0,0,.08);

    --sombra-media:0 12px 30px rgba(0,0,0,.12);

    --sombra-fuerte:0 18px 45px rgba(0,0,0,.18);

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

    --transicion:.30s ease;

}