@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Kalam:wght@300;400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Vujahday+Script&display=swap');
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
*{
	margin:0px;
	padding: 0;
	}
*,
*::after,
*::before{
	box-sizing: border-box;
}
/*Término Configuaración*/

/*INICIO VARIABLES*/
:root {
	--fuente: 'Hind', sans-serif;
	--fondo: #1b365d; /*color azul-oscuro*/
	--ancho-contenedor: 1000px;
}
/*TÉRMINO VARIABLES*/
body{
	background: var(--fondo);
	font-family: var(--fuente);
	font-size: 18px;
	margin:0;
	padding: 0;
}
/*INICIO CONTENEDORES GENERALES*/
.contenedor-ancho-blanco{/*ok*/
	width: 100%;
	padding: 0 auto;
	margin: 0 auto;
	background: white;
}
.contenedor-ancho-barra{/*ok*/
	width: 100%;
	padding: 0 auto;
	margin: 0 auto;
}
.contenedor_e{/*ok*/
	max-width: 98%;
	width: var(--ancho-contenedor);
	margin: 0 auto;
	padding: 10px;
	height: 30px;
}
.contenedor_encabezado { 
  height:90px;
  background: #1b365d;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index: 1000;
}
.contenedor_abajo_2{/*ok*/
	max-width: 98%;
	width: var(--ancho-contenedor);
	margin: 0 auto;/*0 auto*/
	padding: 10px 20px; /*padding: 10px 20px;*/
}
/*.contenedor_barra {
    border-radius: 3px;
}*/
.card{
	padding: 40px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 38px rgba(221,221,221, 0.3);
}
.contenedor_id{
	width:100%;
	float:right;
	margin: auto;
}
/*TÉRMINO CONTENEDORES GENERALES*/




/*INICIO CARDS NAV*/
.card_logo{
	width:100%;
	/*padding-top: 5px;*/
	margin-top:5px;
	z-index: 1000;
}
.card_logo_in{
	width:100%;
	padding-top: 15px;
}
.card_banderas{/*ok*/
	float:right;
	margin: auto;/*5px 0 0 0*/
	padding: auto;/*0*/
}
.btn_banderas {/*ok*/
	display: inline-block;
	color: #212529;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	/*nuevo*/margin:0;
	/*nuevo*/padding: 0;
}
.b_icono_es{/*ok*/
	width: 25px;
	height: 16px;
	margin-right: 0;
	border: 1px solid #314a6d;
}
.b_icono_en{/*ok*/
	width: 25px;
	height: 16px;
	margin-right: 5px;
	border: 1px solid #314a6d;
}
.id_user{
	display: block;
	text-decoration: none;
	padding: 40px 10px 10px 10px; /*original 20px;*/
	font-size: 15px;
	margin-top: 0px;
}
/*TÉRMINO CARDS NAV*/



/*INICIO CONTENEDORES CONTENIDOS*/
.contenedor_blanco{/*ok*/
	max-width: 98%;
	width: var(--ancho-contenedor);/*width:100%;*/
	margin: 0px auto;
	overflow: hidden;
}
.contenedor{/*ok*/
	max-width: 90%;
	width: var(--ancho-contenedor);
	margin: 20px auto;
	overflow: hidden;
}
/*TÉRMINO CONTENEDORES CONTENIDOS*/



/*INICIO CONTENEDORES FOOTER*/
.contenedor-ancho-footer{/*ok*/
	width: 100%;
	padding: 0 ;
	margin: 0 auto;
	background: #1b365d;
	bottom: 0;
}
.contenedor_p{/*ok*/
	max-width: 98%;
	width: var(--ancho-contenedor);
	margin: 0 auto;
	padding: 20px;
	height: auto;
}
/*TÉRMINO CONTENEDORES FOOTER*/




/*INICIO CARDS FOOTER*/
.card_pie{/*ok*/
	padding: auto 40px;
	border-radius: 3px;
}
.icono_social i{/*ok*/
	text-decoration: none;
	color:#adb1be;
	margin-left: 5px;
}
.icono_social i:hover{/*ok*/
	text-decoration: none;
	color:#fff;
	margin-left: 5px;
}
/*TÉRMINO CARDS FOOTER*/



/*INICIO TIPOGRAFÍAS FOOTER*/
.texto_footer{/*ok*/
	font-size: 13px;
	font-weight:100;
	padding-bottom: 5px;
	color: #fff;
}
.texto_footer a{/*ok*/
	font-size: 13px;
	font-weight:100;
	padding-bottom: 5px;
	color: #fff;
	text-decoration: none;
}
.texto_footer_2{/*ok*/
	/*font-family: 'Noto Sans', sans-serif;*/
	font-size: 20px;
	font-weight:100;
	padding-bottom: 5px;
	color: #fff;
	text-align: right;
	text-decoration: none;
}
/*TÉRMINO TIPOGRAFÍAS FOOTER*/



/*INICIO FUENTES*/
h1, h2, h3, h4, h5, h6{
	margin-top: 0;
}
p{
	font-size: 14px;
	color: #666;
}
/*TÉRMINO FUENTES*/

/*--------------------/*
/*INICIO GRID*/
.grid{
	display: grid;
	gap: 20px;
	margin-bottom: 20px;
}

/*Inicio Tamaño Grande - Computadora y TV */
.col-1{ grid-template-columns: repeat(1, 1fr); }
.col-2{ grid-template-columns: repeat(2, 1fr); }
.col-3{ grid-template-columns: repeat(3, 1fr); }
.col-4{ grid-template-columns: repeat(4, 1fr); }
.col-5{ grid-template-columns: repeat(5, 1fr); }
.col-6{ grid-template-columns: repeat(6, 1fr); }
.col-7{ grid-template-columns: repeat(7, 1fr); }
.col-8{ grid-template-columns: repeat(8, 1fr); }
.col-9{ grid-template-columns: repeat(9, 1fr); }
.col-10{ grid-template-columns: repeat(10, 1fr); }
.col-11{ grid-template-columns: repeat(11, 1fr); }
.col-12{ grid-template-columns: repeat(12, 1fr); }

.span-1{grid-column: span 1;}
.span-2{grid-column: span 2;}
.span-3{grid-column: span 3;}
.span-4{grid-column: span 4;}
.span-5{grid-column: span 5;}
.span-6{grid-column: span 6;}
.span-7{grid-column: span 7;}
.span-8{grid-column: span 8;}
.span-9{grid-column: span 9;}
.span-10{grid-column: span 10;}
.span-11{grid-column: span 11;}
.span-12{grid-column: span 12;}

/*Término Tamaño Grande - Computadora y TV */

/*Inicio Tamaño Mediano - Tablets */
@media screen and (max-width: 992px) {
	.med-col-1{ grid-template-columns: repeat(1, 1fr); }
	.med-col-2{ grid-template-columns: repeat(2, 1fr); }
	.med-col-3{ grid-template-columns: repeat(3, 1fr); }
	.med-col-4{ grid-template-columns: repeat(4, 1fr); }
	.med-col-5{ grid-template-columns: repeat(5, 1fr); }
	.med-col-6{ grid-template-columns: repeat(6, 1fr); }
	.med-col-7{ grid-template-columns: repeat(7, 1fr); }
	.med-col-8{ grid-template-columns: repeat(8, 1fr); }
	.med-col-9{ grid-template-columns: repeat(9, 1fr); }
	.med-col-10{ grid-template-columns: repeat(10, 1fr); }
	.med-col-11{ grid-template-columns: repeat(11, 1fr); }
	.med-col-12{ grid-template-columns: repeat(12, 1fr); }
	
	.med-span-1{grid-column: span 1;}
	.med-span-2{grid-column: span 2;}
	.med-span-3{grid-column: span 3;}
	.med-span-4{grid-column: span 4;}
	.med-span-5{grid-column: span 5;}
	.med-span-6{grid-column: span 6;}
	.med-span-7{grid-column: span 7;}
	.med-span-8{grid-column: span 8;}
	.med-span-9{grid-column: span 9;}
	.med-span-10{grid-column: span 10;}
	.med-span-11{grid-column: span 11;}
	.med-span-12{grid-column: span 12;}
}
/*Término Tamaño Mediano - Tablets */

/*Inicio Tamaño Pequeño - Celulares */
@media screen and (max-width: 576px) {
	.peq-col-1{ grid-template-columns: repeat(1, 1fr); }
	.peq-col-2{ grid-template-columns: repeat(2, 1fr); }
	.peq-col-3{ grid-template-columns: repeat(3, 1fr); }
	.peq-col-4{ grid-template-columns: repeat(4, 1fr); }
	.peq-col-5{ grid-template-columns: repeat(5, 1fr); }
	.peq-col-6{ grid-template-columns: repeat(6, 1fr); }
	.peq-col-7{ grid-template-columns: repeat(7, 1fr); }
	.peq-col-8{ grid-template-columns: repeat(8, 1fr); }
	.peq-col-9{ grid-template-columns: repeat(9, 1fr); }
	.peq-col-10{ grid-template-columns: repeat(10, 1fr); }
	.peq-col-11{ grid-template-columns: repeat(11, 1fr); }
	.peq-col-12{ grid-template-columns: repeat(12, 1fr); }
	
	.peq-span-1{grid-column: span 1;}
	.peq-span-2{grid-column: span 2;}
	.peq-span-3{grid-column: span 3;}
	.peq-span-4{grid-column: span 4;}
	.peq-span-5{grid-column: span 5;}
	.peq-span-6{grid-column: span 6;}
	.peq-span-7{grid-column: span 7;}
	.peq-span-8{grid-column: span 8;}
	.peq-span-9{grid-column: span 9;}
	.peq-span-10{grid-column: span 10;}
	.peq-span-11{grid-column: span 11;}
	.peq-span-12{grid-column: span 12;}
}
/*Término Tamaño Pequeño - Celulares */
/*TÉRMINO GRID*/

/*INICIO HELPERS*/
.fixed{position:fixed; top:0;}
.fixed_abajo{position:fixed; bottom:0;}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear_10 {height:10px;}

.no-margen{margin: 0}
.no-margen-superior{margin-top: 0}
.no-margen-inferior{margin-bottom: 0}
.no-margen-inferior{margin-left: 0}
.no-margen-derecho{margin-right: 0}

.margen-5{margin: 5px;}
.margen-10{margin: 10px;}

.margen-inferior{margin-bottom: 20px;}
.margen-inferior_5{margin-bottom: 5px;}
.margen-inferior_10{margin-bottom: 10px;}

.margen-superior_3{margin-top: 3px;}
.margen-superior_5{margin-top: 5px;}
.margen-superior_10{margin-top: 10px;}
.margen-superior_15{margin-top: 15px;}
.margen-superior{margin-top: 20px;}

.no-padding{padding: 0}
.no-padding-derecha{padding-right: 0px;}
.no-padding-izquierda{padding-left: 0px;}
.no-padding-arriba{padding-top: 0px;}
.no-padding-abajo{padding-bottom: 0px;}

.padding-5 {padding: 5px;}
.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}
.padding-50 {padding: 50px;}
.padding-80 {padding: 80px;}
.padding-100 {padding: 100px;}

.padding-arriba-5{padding-top: 5px;}
.padding-arriba-10{padding-top: 10px;}
.padding-arriba-20{padding-top: 20px;}

.padding-abajo-5{padding-bottom: 5px;}
.padding-abajo-10{padding-bottom: 10px;}
.padding-abajo-20{padding-bottom: 20px;}

.padding-derecha-5{padding-right: 5px;}
.padding-derecha-10{padding-right: 10px;}
.padding-derecha-20{padding-right: 20px;}
.padding-derecha-30{padding-right: 30px;}
.padding-derecha-40{padding-right: 40px;}
.padding-derecha-45{padding-right: 45px;}
.padding-derecha-50{padding-right: 50px;}

.padding-izquierda-1{padding-left: 1px;}
.padding-izquierda-2{padding-left: 2px;}
.padding-izquierda-3{padding-left: 3px;}
.padding-izquierda-4{padding-left: 4px;}
.padding-izquierda-5{padding-left: 5px;}
.padding-izquierda-10{padding-left: 10px;}
.padding-izquierda-20{padding-left: 20px;}
.padding-izquierda-30{padding-left: 30px;}
.padding-izquierda-50{padding-left: 50px;}
.padding-izquierda-80{padding-left: 80px;}
.padding-izquierda-100{padding-left: 100px;}

.no-gap{gap:0;}
.gap-1{gap:1px;}
.gap-2{gap:2px;}
.gap-3{gap:3px;}
.gap-4{gap:4px;}
.gap-5{gap:5px;}
.gap-10{gap:10px;}
.gap-15{gap:15px;}

.texto-centrado{text-align: center;}
.texto-izquierda {text-align: left;}
.texto-derecha{text-align: right;}
.texto-justificado{text-align: justify;}

.alinear-centro{align-content: center;}
.alinear-centro-item{align-items: center;}
.centrar{place-items: center;}
/*TÉRMINO HELPERS*/