/* Definición de la fuente personalizada (IMPORTANTE: MANTENER AL INICIO) */
@font-face {
    font-family: 'EquisuizaVF'; /* Nombre que usaremos en el CSS */
    src: url('../fonts/EquisuizaVF.ttf') format('truetype'); /* Ajusta la ruta si es necesario */
    font-weight: normal; /* Define el peso normal para esta fuente */
    font-style: normal;  /* Define el estilo normal para esta fuente */
    font-display: swap;  /* Mejora la experiencia de carga */
}

/* Aplicación global de la fuente a BODY y todos los elementos */
body, * {
    font-family: 'EquisuizaVF', sans-serif !important;
    /* Usamos !important para asegurar que sobreescribe cualquier otra regla de fuente */
}


:root {
	--primary: #02493C;
	--secondary: #02493C;
	--secondaryLight: #F4F7F6;
	--gray1: #F4FFEB;
	--gray2: #F5F6F8;
	--success: #00D78D;
}
/*BUTTONS*/
	/*Boton Copiar*/
	a.copiador {
	    padding: 7px;
	    border-radius:20px;
	    cursor: pointer;
	}


	/*Botones de Cards Abrir o Cerrar*/
	.hide-me[aria-expanded="true"] {display: none;}
	.hide-me[aria-expanded="false"] {display: flex;}
	.show-me[aria-expanded="true"] {display: flex;}
	.show-me[aria-expanded="false"] {display: none;}
	/*Primary*/
	.btn-primary{background-color: var(--primary) !important;border-color: var(--primary) !important;}
	.btn-outline-primary{border-color: var(--primary) !important;color: var(--primary) !important;}
	.btn-outline-primary:hover{color: white !important;background-color: var(--primary) !important;}
	/*Secondary*/
	.btn-secondary{background-color: var(--secondary) !important;border-color: var(--secondary) !important;}
	.btn-outline-secondary{border-color: var(--secondary) !important;color: var(--secondary); !important;}
	.btn-outline-secondary:hover{color: white !important;background-color: var(--secondary) !important;}
	/*Success*/
	.btn-success{background-color: var(--success) !important;border-color: var(--success) !important;}
/*TEXT COLOR*/
	/*Primary*/
	.text-primary{color: var(--primary) !important;}
	/*Secondary*/
	.text-secondary{color: var(--secondary) !important;}
/*BACKGROUNDS*/
	/*Login*/
	.bg-login{
		background-image: url(img/back.jpg);
		background-position: right center;
		background-size: cover;
	}
	/*Primary*/
	.bg-primary{background-color: var(--primary) !important;}
	/*Secondary*/
	.bg-secondary{background-color: var(--secondary) !important;}
	/*Secondary Light*/
	.bg-secondaryLight{background-color: var(--secondaryLight) !important;}
	/*Transparente*/
	.bg-white-9{background-color: rgba(255,255,255,0.9);}
	/*Gray1*/
	.bg-gray1{background-color: var(--gray1) !important;}
	.bg-gradient{background-image: linear-gradient(90deg,#015ba5 0%,#039be5 100%)!important;}
/*NAVS*/
	.nav-tabs{padding: 50px 0px;}
	.nav-left{border-radius: 50px 0px 0px 50px !important;}
	.nav-right{border-radius: 0px 50px 50px 0px !important;}
	/* NOTA: Las siguientes reglas ya tienen 'font-weight: bold' o 'font-weight: bolder' que se conservarán */
	.nav-tabs .nav-link{border: none !important;background-color: var(--gray1); !important;color: var(--primary); !important;font-weight: bold;}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border: none !important;background-color: var(--primary) !important;color: white !important;font-weight: bolder;}
/*UL LI*/
	li::marker {font-size: 2rem;color: var(--secondary) !important ;}
	ul.list-right li::marker {font-size: 1rem;color: var(--secondary) !important ;}
	ul.list-left li::marker {font-size: 1rem;color: var(--secondary) !important ;}
	ul.list-right{
	direction: rtl;
	padding: 0px;
	padding-right: 15px;
	}
	ul.list-left{
		padding: 0px;
		padding-left: 15px;
	}
/*SIZES*/
	.h60vh{min-height: 60vh;}
	.h80vh{min-height: 80vh;}
	.w150px{max-width: 150px;}
	.w250px{max-width: 250px;}
	.w130px{max-width: 130px;}
	.w100px{max-width: 50px; padding: 8px;}
	.w100{width: 100px;}
	.w50px{max-width: 50px;}
	.div-white{height: 100px; margin-top: -100px;}
	.redes{max-width: 32px;}
/*CARD*/
	.card{background-color: transparent;border: none;}



/* The navigation menu links */
.sidebar a {
	padding: 10px;
	text-decoration: none;
	color: var(--primary);
	display: block;
	transition: 0.3s;
}
.sidebar a.active {
	background-color: white;
	color: var(--secondary) !important;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
	color: var(--secondary);
	background-color: var(--gray2);
}

.badge-success {
   color: #003F36 !important;
   background-color: #FCFCFC !important;
   border-radius: 0px 8px;
   border: solid #003F36 !important;
}

.badge-secondary{
background-color: #E1FFCB !important;
	color: #003F36 !important;; 
}
.mb-3{
background: #E1FFCB !important;
    padding: 6px !important;
    border-radius: 0px 8px;
}
.text-uppercase {
    text-transform: none !important;
}
.p-2 {
    padding: .3rem !important;
}