@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
*{
	box-sizing:border-box;
}

body{
	margin:0;
	font-family: 'Poppins', sans-serif;
	font-size:14px;
}
 /*------------------- Estilos header ------------------- */
.imagen-logo{	
	max-width: 70px;
	margin:0;

}
.imagen-letralogo{	
	max-width: 200px;
	margin:0;

}
.container{
	width:100%;
	margin:auto;
	}
.container--flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
}

	
.header{
	height:70px;
	box-shadow: 0px 1px 15px;
}
.header .contenedor{
	display:flex;
	justify-content: center;
}


#hero{
	min-height:100vh;
	position:relative;}

video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;}
	
.capa{	
	position:absolute;
	top: 50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	width:100%;
	color:#FFF;
	text-align:center;
}
	
.slogan{
	display:flex;
	justify-content:center;
}
.banner_titulo{ font-size:90px;
font-weight:700; padding:10px;}	
.banner_txt{font-size:40px; }
.banner_txt_peq{font-size:20px; margin-top:110px; margin-left:-180px; }

/* ------------------- Estilos del Menu ------------------- */

.main-nav{
	width:100%;
	position:relative;
	z-index:2000;
	padding:10px;	
	background:rgba(44,47,111);
	border-bottom: 3px solid #C73139;

}

.icon-menu{
	display:block;
	color:#FFF;
	border: 1px solid #FFF;
	border-radius:3px;
	width:40px;
	height:40px;
	line-height:45px;
	text-align:center;
	cursor:pointer;
	font-size:1.5em;}
	

.menu{
	position:absolute;
	color:#FFF;
	top:60px;
	left: 0;
	width:100%;
	background:rgba(44,47,111,0.70);
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	height:0;
	overflow:hidden;
	transition: height .3s 	linear;
}


.menu__link{
	display:block;
	padding:15px;
	color:#FFF;
	text-decoration:none;
}

.menu__link:hover{
	background:rgba(199,49,57,0.50);
	color:#FFF;}

.menu__link--select{
	background:#C73139; /*rojo*/
	color:#FFF;}


.mostrar {
	height: 380px;}

/* ------------------- Estilos Generales ------------------- */

.rojo{		
	font-size:16px;
	font-weight:bold;
	color:#C73139; /*rojo*/
}
.mayuscula{
	text-transform:uppercase;}
	
/* ------------------- Estilos Secciones ------------------- */
#nosotros{
	padding: 10px;
	width:100%;
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(200,200,200,1));
}
.contenedorcentro{
	display:flex;
	justify-content:center;
}
.centro{
	width:100%;
	max-width: 1200px;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	}

.contenido {
	max-width: 100%;
	padding:5px;
}
#nosotros img{
	width:90%;
	max-width:500px;
	border-radius:50%;
}
.titulo{ font-size:30px;
padding:5px;}

.sloganbotones{
	display:flex;
	 flex-direction: column;
  align-items: center;
}
.boton{	
	width:70%;
	background:rgba(255,255,255,0.80);
	color:#2A1873;	
	font-size:12px;
	padding:15px;
	margin:5px;
	cursor: pointer;
	border: none;
	text-decoration:none;
}

.borde1
{	border-radius:10px;}
.borde2
{	border-radius:10px;}
.borde3
{	border-radius:10px;}

.boton:hover{	
	background:rgba(255,255,255,0.90);
}


.blanco{ color:#FFF;}


/*--------------------Estilos de Servicios-------------------*/
#blog
{ max-width: 1200px;
	
}
#blog .contenedor_seccion{
	flex-wrap: column;
	height: 100%;
	}
	
#blog article{
	margin: 20px;
	width:90%;
}	

#blog .recuadro{
	width:100%;
	border-radius:20px;
	border: 10px solid #FFF;
	background:#FFF;
	padding:10px;
}
	
.novedades{
	margin-top:-100px;
	left: 50%;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(200,200,200,1));
}



.pulse {
  animation: pulse 3s infinite;
}

@keyframes pulse {
  0% {
    font-variation-settings: 'wght' 100;
  }
  50% {
    font-variation-settings: 'wght' 700;
  }
  100% {
    font-variation-settings: 'wght' 100;
  }
}

.gris{ color:#CCC;}


/***************** Estilos del footer ****************/

footer{
	background-color:#2C2F6F;}
footer .contenedor{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom:30px;
	color:#FFF;
	}
	
.copy{	font-size:14px;
padding:30px 10px 10px 10px;}


.sociales{ width:100%;
text-align:center;
font-size:40px;}

footer .sociales [class^="icon-"]
{
	display:inline-block;
	color:#2C2F6F;
	text-decoration:none;
	font-size:30px;
	padding:10px;
	background:white;
	border-radius: 10%;
	width:50px;
	height:50px;
	line-height:40px;
}
/* ------------------- Estilos responsive------------------- */


@media screen and (min-width: 630px){
		.header{
			height:80px;
		}
		.imagen-logo{	
		max-width: 100px;
		}
		
		.imagen-letralogo{	
		max-width: 250px;
		}

		.banner_titulo{ font-size:100px;
		font-weight:700;}	
		.banner_txt{font-size:50px; }
		.banner_txt_peq{font-size:30px;margin-top:120px; margin-left:-250px; }

	
.sloganbotones{
	display:flex;
	justify-content:center;
	 flex-direction: row;

}

.boton{	
	width:30%;
	background:rgba(255,255,255,0.80);
	color:#2A1873;	
	font-size:16px;
	padding:20px;
	margin:0px;
	cursor: pointer;
	border: none;
	text-decoration:none;

}

.borde1
{	border-radius:20px 0 0 20px;}
.borde2
{	border-radius:0;}
.borde3
{	border-radius:0 20px 20px 0;}
}
@media screen and (min-width: 850px){

		.header{
			height:100px;
		}
		.imagen-logo{	
		max-width: 117px;
		}		
		.imagen-letralogo{	
		max-width: 300px;
		}
		.banner_titulo{ font-size:150px;
			font-weight:700;}	
			.banner_txt{font-size:70px; }
			.banner_txt_peq{font-size:40px;margin-top:200px; margin-left:-350px; }

	.main-nav{
		padding:0 10px 0 0 ;
		background:#2C2F6F;
	}
		.icon-menu{
	display:none;}
	
	.menu{
	position:static;
	display:flex;
	height:auto;
	width:auto;}
	
.contenido {
	max-width: 50%;
	padding:20px;
}
.titulo{ font-size:60px;
padding:10px;}


.boton{	
	width:30%;
	background:rgba(255,255,255,0.80);
	color:#2A1873;	
	font-size:20px;
	padding:20px;
	margin:0px;
	cursor: pointer;
	border: 1px #FFFFFF;
	text-decoration:none;

}
#blog article{
	width:300px;}
	
#blog .contenedor_seccion{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	align-content: center;
	height: 100%;
	}

.copy{	font-size:20px;}

}

@media screen and (min-width: 1280px){
	
.boton{	
	width:20%;
	background:rgba(255,255,255,0.80);
	color:#2A1873;	
	font-size:20px;
	padding:20px;
	margin:0px;
	cursor: pointer;
	border: none;	
	text-decoration:none;

}
}