@charset "utf-8";
/* Global Styles */
/*MODIFICACION TEXTO EN LO GENERAL */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}
/*HEADER*/
header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255,1.00);   /* #fff;  */
}
/* CLASE HEADER SUPERIOR */	
.header__superior{
	max-width:1200px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between; /* LOGO A LA IZQ Y BUSCAR A LA DER */
	padding: 15px; /* ESPACIADO ENTRE EL LOGO Y EL MENÚ*/
}
/* CLASE LOGOTIPO */	
.logo img{
	width:100px; /*TAMAÑO DEL LOGO A LA DER */
}
/* CLASE SEARCH, CUADRO DEL BUSCADOR */
/* .search input{
	width: 300px;
	padding: 10px;
	font-size: 12px;
	color: black;
	outline: none;
	border: 1px solid silver;
	border-radius: 30px;
} */

/* BARRA MENU COLOR AZUL----- */
.container__menu{
	width: 100%;
	height: 50px; /* REVISAR SE MODIFICO SIN CAMBIOS DE 70 A 50 */
	background: #023877;
	padding: 0px 20px; /*SEPARACION DE IZQ A DER DEL INICIO */
}
.menu{
	max-width: 1200px; /* POSICION DEL MENU-INICIO */
	margin: auto;
	height: 100%;
}
nav{
	height: 100%;
}
nav > ul{
	height: 100%;
	display: flex; 
}	
/* ---CUIDADO CON ESTA PROPIEDAD, SON VALORES GENERALES --- */
nav ul li{
	height: 100%; 
	list-style: none; /*ELIMINA ESTILOS DEL MENU VIÑETAS*/
	position: relative; /* PARA QUE EL SUBMENU SE RELACIONA CON SU PADRE */
}
nav > ul > li:first-child > a{ /* COLOCA LA IMAGEN DE HOME */
	background-image: url(../images/HOME_01E.png);
	background-size: 41px;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 25px 25px; /* TAMAÑO DE LA SELECCIÓN DEL HOME */
}
nav > ul > li:first-child:hover > a{ /* MANTENER LA POSICION DE LA IMAGEN DE HOME */
	background-image: url(../images/HOME_01D.png);
	background-size: 41px;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 25px 25px;
}

nav > ul > li > a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center; /* TEXTO DEL MENU AL CENTRO DE LA BARRA */
	padding: 14px; /*SEPARACION DEL TEXTO DEL MENU */
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.00);   /* ---COLOR DEL TEXTO DE MENUS--- */
	text-transform: uppercase; /* TEXTO EN MAYUSCULAS */
	font-size:14px;
	transition: all 300ms ease; /* PARA EL EFECTO DEL HOVER */
	position: relative;
}
/* TRANSFORMACION O SELECCION DEL MENU CON EL CURSOSR */
nav > ul > li > a:hover{
	transform: scale(1.1);
	background: #0074C7; /* COLOR DEL SELECTOR DEL MENU */
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
/* HASTA AQUI MENU PRINCIPAL ----- */
/* SELECCION DEL MENU INICIO (HOME), PAGINA PRINCIPAL */
#selected{
	transform: scale(1.1);
	background-color: #0074C7;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
/* SELECCION DEL SUB-MENU, PAGINA PRINCIPAL */
nav > ul > li > ul{
	width: 200px;
	display: flex;
	flex-direction: column;
	background: #fff;
	position: absolute;
	top: 90px; /* PARA EL EFECTO DEL RECORRIDO DE ABAJO HACIA ARRIBA DEL SUB MENU */
	left: -5px;
	padding: 14px 0px;
	visibility: hidden; /* SUB MENU OCULTO */
	opacity: 0;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); /* CUADRO DEL SUB MENU */
	z-index: 10;
	transition: all 300ms ease; /* PARA LA ANIMACION */
}
nav > ul > li:hover > ul{ /* DESPLIEGUE DEL SUB MENU */
	visibility: visible;
	opacity: 1;
	top: 51px;  /*----MODIFICAR SEPARACION DEL SUBMENU----*/
	z-index: 10; /* PRUEBA 01 */
}
nav > ul > li > ul:before{ /* EFECTO DEL TRIANGULO DEL SUB MENU */
	content: '';
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid white;
	position: absolute;
	top: -12px;
	left: 20px;
	z-index: 10; /* PRUEBA 01 */
}
nav > ul > li > ul > li > a{
	display: block;
	color: #0099E9;
	padding: 6px;
	padding-left: 10px; /* ESPACIADO A LA DERECHA */
	margin-top: 7px; /* SEPACION ENTRE OPCIONES DEL SUB MENU */
	font-size: 14px;
	text-transform: uppercase;
	transition: all 300ms ease;
	z-index: 10; /* PRUEBA 01 */
}
nav > ul > li > ul > li > a:hover{
	background: #0074C7; /* COLOR DEL SELECTOR */
	color: #fff; /* COLOR DEL TEXTO */
	transform: scale(1.1);
	padding-left: 10px; /* PROBAR Y AJUSTAR SEPARACION ORIGINAL 30PX */ 
	font-size: 14px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	z-index: 10; /* PRUEBA 01 */
}
/* ARTICULO O CUERPO DE LA PAGINA */
main{
	background: #f0f0f0;
	padding: 20px 20px;
	margin-top: 150px;  /* SEPARACION DEL MENU Y EL MAIN (EN EL INICIO ES EL VIDEO) */
	/*position: relative; */
	/*z-index: 20; /* PRUEBA 01 */
}
.Banner{
	width: 100%;
	position: inherit; /* VIDEO POR DEBAJO DEL SUB MENU */
	z-index: 100; /* PRUEBA 01 */
	/*align-content: center;*/
	/*object-fit: contain;*/
	/*visibility: visible;*/
	/*opacity: 0.5;*/
	/*overflow: hidden;*/
	/*mix-blend-mode: overlay;*/
}
.Banner video{
	position: inherit;
	/*z-index: 100; /* PRUEBA 01 */
	/*top:0; */
	/*left:0;*/
	/*object-fit: cover;*/
	widht:100%;
	/*height:100%;*/
	/*align-content: center; */
	/*pointer-events:none; */ /* VIDEO POR DEBAJO DEL SUB MENU */
}

article{
	max-width: 1200px;
	margin: 30px auto;
	padding: 15px;
	background: #fff;
	z-index: 102;
}
article p{
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 18px;
	font-weight: 300px;
	text-align: justify; /* AFECTA EN TODAS LAS ETIQUETAS <P> DE ARTICLE */
}

article iframe{
	margin: 30px auto;
	height: 1300px; /* MODIFICADO SOLO PARA CONTACTO ESCRIBENOS */
	resize: both;
	border-radius: 20px;
	/*pointer-events: painted; */
	z-index: 102;
	
}
/* .Banner__valores img{
	width: 80%;
} */

/* ----BARRA DE REDES SOCIALES ---- */
.social__bar{
	position: fixed;
	right: 0;
	top: 40%;
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}

.iconX{
	color: white;
	text-decoration: none;
	padding: .7rem;
	display: flex;
	transition: all .5s;
}

.icon__facebook{
	background: rgba(37,89,153,1.00);
}

.icon__whatsapp{
	background: rgba(41,209,102,1.00);
}

.icon__youtube{
	background: rgba(206,18,17,1.00);
}

.icon__instagram{
	background: rgba(250,250,250,1.00);
}

.iconX:first-child{
	border-radius: 1rem 0 0 0;
}

.iconX:last-child{
	border-radius: 0 0 0 1rem;
}

.iconX:hover{
	padding-right: 3rem;
	border-radius: 1rem 0 0 1rem;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
}

/* BARRA INFERIOR COLOR AZUL----- */
.container__inferior{
	width: 100%;
	height: 80px; /* ANCHO DE LA BARRA INFERIOR */
	background: #023877;
	padding: 0px 195px; /*SEPARACION DE IZQ A DER DE LA BAR INFERIOR */
	margin-top: 15px;
	position: relative;
	z-index: 102;
}
.container__inferior h2{
	font-weight: 100;
	text-decoration: none;
	max-width: 1200px; /* POSICION DE LA BARRA INFERIOR */
	display: flex;
	align-items: center; /* TEXTO AL CENTRO DE LA BARRA */
	justify-content: space-between;
	padding: 1px; /*SEPARACION DEL TEXTO */
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.00);   /* ---COLOR DEL TEXTO BARRA INFERIOR--- */
	font-size: 16px;
} 
.container__inferior h4{
	font-weight: 100;
	text-decoration: none;
	max-width: 1200px; /* POSICION DE LA BARRA INFERIOR */
	display: flex;
	margin-top: 5px;
	align-items: center; /* TEXTO AL CENTRO DE LA BARRA */
	justify-content: space-between;
	padding: 3px; /*SEPARACION DEL TEXTO */
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.00);   /* ---COLOR DEL TEXTO BARRA INFERIOR--- */
	font-size: 12px;
} 
.container__inferior a{
	font-weight: 100;
	text-decoration: none;
	max-width: 1200px; /* POSICION DE LA BARRA INFERIOR */
	display: flex;
	align-items: center; /* TEXTO AL CENTRO DE LA BARRA */
	justify-content: space-between;
	padding: 1px; /*SEPARACION DEL TEXTO */
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.00);   /* ---COLOR DEL TEXTO BARRA INFERIOR--- */
	font-size: 12px;
} 

/* ------------------------------------------------------------ */
/* ELEMENTOS RESPONSIVOS */
.icon__menu{
	font-size: 26px;
	color: white;
	cursor: pointer;
	width: 50px;
	height: 100%;
	display: none;
	align-items: center;
}

#label__check{
	width: 50px;
	height: 100%;
	display: none;
}
#check__menu{
	display: none;
}


@media screen and (max-width: 720px){

	.search input{
		display: none;
	}
	.header__superior{
		padding: 10px;
	}
	.logo img{
		width: 75px;
	}
	nav > ul{
		flex-direction: column;
		background-color: #023877;
		position: fixed;
		left: 0;
		top: 105px; /*SEPARACION DEL ICON MENU Y EL MENU (158px) */
		width: 100%;
		height: 0px;
		transition: all 300ms ease;
		z-index: 100;
		opacity: 0; /* REVISAR--- */
		visibility: hidden;
	}
	nav > ul > li > a:hover{
		/*background: #F70808;*/
		transform: scale(1);
	}
	nav ul li ul{
		left: 120px; /* POSICION DEL SUB-MENU (90PX) */	
	}
	nav > ul > li:hover ul{
		top: 50px;
	}
	nav > ul > li:first-child a{
		background-position: 20px;
	}
	#selected{
		transform: scale(1);
		background-color: #0074C7;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	}
	
/* CHECKBOX */	
	#label__check{
	display: block;
	}
	.icon__menu{
		display: flex;
	}	
	#check__menu:checked ~ nav > ul{
		height: 300px;
		visibility: visible;
		opacity: 1;
		/*transition: all 300ms ease;*/
	}
	main{
		margin-top: 110px;
		width: 100%;
	}
	.Banner{
		width: 100%;
	}
	.Banner video{
		width: 100%;
	}
	.container__inferior{
		width: 100%;
		height: auto; /* ANCHO DE LA BARRA INFERIOR */
		position: flex;
		z-index: 102;
		display: visible; /* CAMBIO A VISIBLE, SE CORRIGIO ERROR  CON HEIGHT: AUTO EN CARD_01 */
	}
	.Banner__valores{
		width: 100%;
	}
	.Banner__valores img{
		width: 100%;
	}
	
} /* END RESPONSIVE */

/* ------------------------------------------------------------ */