@charset 'UTF-8';
:root{
	--WEB_COLOR_AZUL:#003876;
	--WEB_COLOR_CELESTE:#02B1F6;
	--WEB_COLOR_NARANJA:#F48737;
	--WEB_COLOR_AZUL_FUERTE:#011827;
	--WEB_COLOR_AZUL_EXTRAFUERTE:#000F1A;
	--navy: #1a3560;
	--navy-pasar: #0f2241;
	--navy-mid: #1e4080;
	--blue: #2563b0;
	--blue-light: #3a7bd5;
	--blue-btn: #2d5fa8;
	--blue-btn-hover: #1e4a8c;
	--accent: #e8a020;
	--bg: #f4f6fa;
	--card-bg: #ffffff;
	--text: #1e2a3a;
	--text-muted: #5a6a80;
	--border: #d0daea;
	--map-peru: #b8cce4;
	--map-ll: #2563b0;
	--map-ll-hover: #1a3560;
	/* SIR header vars */
	--azul-oscuro: #003876;
	--azul-medio: #0057A8;
	--azul-claro: #1A7EC8;
	--dorado: #C8A217;
	--blanco: #ffffff;
	/* value accent colors */
	--col-grey:   #4a5568;
	--col-orange: #e07b00;
	--col-red:    #d63030;
	--col-blue:   #2563b0;
	--col-green:  #0a8a4e;   
}

.WEB_CARD_X1{
	transition:.2s, transform .2s, box-shadow .2s;
	box-shadow: 0 3px 10px rgba(37, 99, 176, .25);
}

 .WEB_CARD_X1:hover { 
	background: var(--blue-btn-hover); transform: translateY(-3px); 
	box-shadow: 0 6px 20px rgba(26,53,96,.35);
}

.WEB_SOMBRA_X1{
	box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
}

.WEB_TEXTOCOLOR_SILENCIO{
	color:var(--text-muted);
}
.WEB_CAJAFONDO_NAVY2,.WEB_CAJAFONDO_NAVY2_PASAR:hover{
	background: linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);
}
.WEB_CAJAFONDO_NAVY,.WEB_CAJAFONDO_NAVY_PASAR:hover{
	background: linear-gradient(90deg, var(--navy) 0%, var(--blue) 100%);
}
.WEB_CAJAFONDO_HUMO{
	background: #eef3fa;
}
.WEB_CAJAFONDO_BLANCO_TRANSPARENTE,.WEB_CAJAFONDO_BLANCO_TRANSPARENTE_PASAR:hover{
	background: rgba(255,255,255,.12);
}
.WEB_TEXTOCOLOR_NAVY{
	color: var(--navy);
}
.WEB_TEXTOCOLOR_NAVY_PASAR:hover{
	color: var(--navy-pasar);
}
.WEB_FONDO_NAVY{
	background-color: var(--navy);
}

.WEB_BORDECOLOR{
	border-color: var(--border);
}
ul.WEB_LISTA{
	padding-left: 15px;
}
ul.WEB_LISTA li::marker{
	content: '▸';
    position: absolute;
    left: 0;
    color: var(--blue);
    font-size: .9rem;
	font-weight: bolder;
}
.WEB_CARD_X1{
	background: var(--card-bg);
	border: 1px solid var(--border);
	transition: box-shadow .2s, transform .2s;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .05);

}
.WEB_CARD_X1:hover {
	box-shadow: 0 4px 16px rgba(37,99,176,.13);
	transform: translateY(-2px);
}







.DECORACION_NAVEGACION_X1{
  clip-path: polygon(0 0, 64% 0, 21% 100%, 0 100%); background: #5484C3;background: #FFFFFF;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(157, 183, 217, 1) 60%);
}
.DECORACION_NAVEGACION_X2{
  clip-path: polygon(63% 0, 100% 0, 100% 100%, 20% 100%);
  background:var(--WEB_COLOR_AZUL);
}
#MENU_ARRIBA_WEB .TITULO_SISTEMA{
	text-shadow: 2px 1px 0px rgba(255, 255, 255, 0.8);
}
.WEB_DEGRADADO_X1,.WEB_DEGRADADO_X1_PASAR:hover{
	background: #9e7b06;
	background: linear-gradient(90deg, rgba(158, 123, 6, 1) 0%, rgba(22, 84, 99, 1) 100%);
}
.WEB_DEGRADADO_X2,.WEB_DEGRADADO_X2_PASAR:hover{
	background: #292902;
	background: linear-gradient(352deg, rgb(0 0 0) 0%, rgb(36 32 3) 100%);
}
.WEB_DEGRADADO_X3,.WEB_DEGRADADO_X3_PASAR:hover{
	background: #9DB3DC;
	background: linear-gradient(160deg, #9fb2da 0%, #8cc3f6 50%, #fafbfc 100%);
}
.WEB_CAJAFONDO_AZUL_FUERTE,.WEB_CAJAFONDO_AZUL_FUERTE_PASAR:hover{
	background-color: var(--WEB_COLOR_AZUL_FUERTE);
}
.WEB_CAJAFONDO_AZUL_EXTRAFUERTE,.WEB_CAJAFONDO_AZUL_EXTRAFUERTE_PASAR:hover{
	background-color: var(--WEB_COLOR_AZUL_EXTRAFUERTE);
}
.WEB_TEXTOCOLOR_AZUL_EXTRAFUERTE,.WEB_TEXTOCOLOR_AZUL_EXTRAFUERTE_PASAR:hover{
	color: var(--WEB_COLOR_AZUL_EXTRAFUERTE);
}
.WEB_CAJAFONDO_AZUL,.WEB_CAJAFONDO_AZUL_PASAR:hover{
	background-color: var(--WEB_COLOR_AZUL);
}
.WEB_TEXTOCOLOR_AZUL,.WEB_TEXTOCOLOR_AZUL_PASAR:hover{
	color: var(--WEB_COLOR_AZUL);
}
.WEB_TEXTOSOMBRA_TENUE{
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
}

.WEB_CAJAFONDO_BAJO,.WEB_CAJAFONDO_BAJO_PASAR:hover{
	background: #E2EBFA;
}
.WEB_CAJAFONDO_CELESTEBAJO,.WEB_CAJAFONDO_CELESTEBAJO_PASAR:hover{
	background: #E6F0F9;
}

#webSeccionSocios{
	background: #e8ecf2;
}
    
#PORTADA .ITEN_MENU{
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(4px);
  	transition: all 0.2s;
}
#PORTADA .ITEN_MENU:hover {
  background: rgba(255,255,255,0.22);
}

#PORTADA .MENU,#PORTADA .MENU .IMG,#PORTADA .MENU .LABEL,#PORTADA .MENU .ICONO{
	transition: all 0.2s;
}

#PORTADA .MENU:hover .IMG{
	transform: translateX(6px);	
}
#PORTADA .MENU:hover .LABEL{
	transform: translateX(6px);	
}
#PORTADA .MENU:hover .ICONO{
	transform: translateX(4px);	
}
#PORTADA .CONTENEDOR_CUADRILLA{
	inset: 0;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
}

.SLIDER_CARGA{
	background-color: rgba(0,0,0,0.7);
}
.SLIDER_CARGA_ICONO{
	margin-top:-28px;
	margin-left:-28px;
}

#SLIDER_WEB{
	min-height: 400px;
}
.FUENTE_LATO{
	font-family:"Lato" !important;
}
.ICONOSVG_KEWEB{
	width: 24px;
	height: 24px;
}



/*EXTRAPEQUENO*/
@media (max-width:575px){	
	#SLIDER_WEB{		
		background-color: red !important;
	}	
	.BORDEREDONDEADO_ARRIBA_MEDIAEXTRAPEQUENO{
		border-radius:5px 5px 0px 0px !important;
	}
	.BORDEREDONDEADO_ABAJO_MEDIAEXTRAPEQUENO{
		border-radius:0px 0px 5px 5px  !important;
	}
}
/*PEQUENO*/
@media (min-width:576px) and (max-width:767px){
	#SLIDER_WEB{
		background-color: blue !important;
	}
	.BORDEREDONDEADO_ARRIBA_MEDIAPEQUENO{
		border-radius:5px 5px 0px 0px !important;
	}
	.BORDEREDONDEADO_ABAJO_MEDIAPEQUENO{
		border-radius:0px 0px 5px 5px  !important;
	}
}
/*MEDIANO*/
@media (min-width:768px) and (max-width:991px){
	#SLIDER_WEB{
		background-color: grey !important;
	}
}
/*GRANDE*/
@media (min-width:992px) and (max-width:1199px){
	#SLIDER_WEB{
		background-color: black !important;
	}
}
/*MUYGRANDE*/
@media (min-width:1200px) and (max-width:1399px){
	#SLIDER_WEB{
		background-color: yellow !important;
	}
}
/*EXTRAGRANDE*/
@media (min-width:1400px){
	#SLIDER_WEB{
		background-color:purple !important;
	}
}

@media (min-width:2000px){
	.WEB_CONTENEDOR{
		max-width: 1700px;
		margin: 0 auto;
		float: none;
	}
}

.CONTENIDO_COMPLETO{
	left: 0px;
	width: 100% !important;
}

@media print{
	#CUERPO_WEB{
		width: 100% !important;
		height: 100% !important;
		margin: 0px !important;
		top: 0px !important;
		left: 0px !important;
	}
}