@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
	/*======= COLORES ========*/
	--linear-gradient-color: linear-gradient(90deg, rgba(2,117,216,1) 0%, rgba(227,34,25,1) 100%);;
	--principal-color: #0275d8;	   
    --principal-color-alt:#0240D8;
	--principal-color-op:rgba(2, 116, 216, 0.731);
	--principal-color-op-darkmode:rgba(107, 177, 239, 0.984);
    --secondary-color: #E32219;
    --secondary-color-alt:#ca3539;
	--gris: #999;
	--gris-op:#ced4da;

    /*=== Fondos ===*/
	--background:#fff;
	--background-darkmode:#202124;
	--container-color: #fff;
	--container-color-darkmode: #303030;
	
	/*=== Hovers ===*/
    --hover-icons-navbar:rgb(223, 238, 250,0.8);
	--hover-icons-navbar-darkmode:rgba(255,255,255,0.12);
	--hover:rgba(20,20,20,0.08);
	--hover-darkmode:rgba(255,255,255,0.12);
    /* --hover-iconos: rgba(60,64,67, 0.08); */
    
	
	/*======= FUENTES Y TIPOGRAFIA ========*/
    --font: 'Poppins',sans-serif;
	--font-size-biggest: 2.25rem;
	--font-size-extra-large: 1.25rem;
	--font-size-large: 1rem;
	--font-size-medium: 0.938rem;
	--font-size-normal: 0.875rem;
    --font-size-small: .813rem;
	--font-size-extra-small: .75rem;
	--font-light:400;        
    --font-normal:500;
    --font-semibold:600;
    --font-bold:700;

	/*======= COLORES DE FUENTES ========*/
	--text-counter:#555;
	--text: #282828;
	--label-flotante:#80868b;
	--text-darkmode: #f8f8f8;
	--text-footer:#4a4a4a;
	--text-principal-color-op:rgba(2, 116, 216, 0.731);
	--text-principal-color-op-darkmode:rgba(107, 177, 239, 0.984);
	
	/*======= PARA SVG ========*/
	--iconos-navbar:#f8f8f8;
	--fill:#282828;
	--fill-darkmode:#f8f8f8;
	/*======= BORDES ========*/
	--borde-color-gris:#ced4da;
	--borde-suave:1px solid #ced4da;
	--borde-normal:2px solid #ced4da;

	/*======= CONTENTS ::after y ::before ========*/
	--arrow:'\2b9f';
	--angle:'\276f';
	--check: '\2714';

	/*======= BUTTONS ========*/
	--text-button: #fff;

}
/* Barra Scroll */
::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 2px;
    background-color: #fff;
}

::-webkit-scrollbar{
	width: 7px;
	height: 8px;
	background-color: #CFD8DC;
}

::-webkit-scrollbar-thumb{
	border-radius: 2px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: #3737374d;
}

body{	
	min-height: 100%;
	font-family: var(--font);
	font-size: var(--font-size-normal);
	font-weight: var(--font-normal);
	background-color: var(--background);
	overflow-y: auto;
	overflow-x: hidden;
}