/*====================================================
LANDING V3 PREMIUM
VARIABLES GLOBALES
====================================================*/

:root{

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

--color-primario:#17365D;
--color-secundario:#102846;
--color-acento:#FF6B00;
--color-whatsapp:#25D366;
--color-verde:#19B51C;

--color-fondo:#F7F9FC;
--color-blanco:#FFFFFF;

--texto-principal:#17365D;
--texto-secundario:#5F6B7A;
--texto-claro:#777777;


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

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

--titulo-xl:52px;
--titulo-lg:42px;
--titulo-md:34px;

--texto-lg:22px;
--texto-md:18px;
--texto-sm:16px;

--linea:1.75;


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

--seccion:100px;

--seccion-mobile:70px;

--gap:25px;


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

--container:1180px;


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

--radio:24px;

--radio-btn:18px;

--radio-small:14px;


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

--shadow-soft:

0 18px 45px rgba(0,0,0,.08);

--shadow-medium:

0 25px 60px rgba(0,0,0,.12);

--shadow-strong:

0 30px 70px rgba(0,0,0,.18);


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

--transition:.35s;

}