@charset "UTF-8";
/* VARIABLES DEL SITIO */
:root{


/*
========================
 COLORES ISACA
========================
*/
--isaca-blue:#00A4E4;
--isaca-dark:#1D2D5C;
--isaca-purple:#6558B1;
--isaca-red:#E31837;
--isaca-black:#000000;
--isaca-white:#FFFFFF;
--isaca-green:#6CB33F;

/*
========================
 FONDOS
========================
*/
--bg-primary:
var(--isaca-dark-blue);
--bg-dark:
#081426;
--bg-card:
rgba(255,255,255,.08);
--bg-light:#FFFFFF;
--bg-soft:#F8FAFC;
--bg-soft-2:#F3F6FA;
/*
========================
 TEXTO
========================
*/
--text-primary:
#FFFFFF;
--text-secondary:
rgba(255,255,255,.75);

/*
========================
 TIPOGRAFIA
========================
*/
--font-title:
'Montserrat', sans-serif;
--font-body:
'Poppins', sans-serif;

/*
========================
 ESPACIADOS
========================
*/
--section-padding:
100px;
--container-width:
1400px;

/*
========================
 BORDER RADIUS
========================
*/
--radius-sm:
12px;
--radius-md:
24px;
--radius-lg:
40px;
--radius-pill:
50px;

/*
========================
 SOMBRAS
========================
*/
--shadow-blue:
0 0 40px
rgba(0,164,228,.25);

--shadow-card:
0 20px 50px
rgba(0,0,0,.25);


/*
========================
 TRANSICIONES
========================
*/
--transition:
all .35s ease;
}