@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap');
:root{--black:#000;--blue:#111820;--bblue:#eaf4f6;--cafe:#a59169;--green:#286d00;}
body{margin:0px;padding:0px;font-family: "Zalando Sans Expanded", sans-serif;}
p,li,h1,h2,h3,h4,h5,h6,section,aside,div{box-sizing:border-box;margin:0px;vertical-align:middle;font-size:14px;}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
h1,h3{font-size:30px;font-weight:700;}
h4{font-size:28px;font-weight:200;}
h5{font-size:22px;font-weight:200;}
h6{font-size:16px;font-weight:200;}
h2,p,li,span,a{font-size:15px;opacity:.7;font-weight:200;}
img{vertical-align:middle;max-width:100%;}
.line{display:table;height:4px;width:250px;background:var(--black);max-width:90%;margin:20px 0px;}
.container{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%;overflow-x:hidden;}
.container .content{flex-grow:1;}
.center{width:100%;max-width:1240px;padding:0px 20px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.movil{display:none;}
.animation{position:relative;opacity:0;transition:.8s;}
.anbottom{top:400px;}
.antop{top:-400px;}
.anleft{left:-400px;}
.anright{left:400px}
.anend{left:0px;top:0px;opacity:1}
.simpleParallax{position:absolute;width:100%;}
.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;opacity:1;}
.float:hover{text-decoration: none;color: #25d366;background-color:#fff;opacity:1;}
.my-float{margin-top:16px;opacity:1;}
.button2{
	align-items: center;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	text-transform: uppercase;
	outline: 0;
	border: 0;
	padding:0rem 1rem;
}
  
.button2:before{
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 1px;
	margin-right: 10px;
	transition: all .42s cubic-bezier(.25,.8,.25,1);
	width: 0;
}
  
.button2:hover:before{
	background-color: #fff;
	width: 3rem;
}

/* From Uiverse.io by e-coders */ 
.button {
 appearance: none;
 background-color: transparent;
 border: 0.125em solid #1A1A1A;
 border-radius: 0.9375em;
 box-sizing: border-box;
 color: #3B3B3B;
 cursor: pointer;
 display: inline-block;
 font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 font-size: 16px;
 font-weight: 600;
 line-height: normal;
 margin: 0;
 min-width: 0;
 outline: none;
 padding: 1em 2.3em;
 text-align: center;
 text-decoration: none;
 transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
 user-select: none;
 -webkit-user-select: none;
 touch-action: manipulation;
 will-change: transform;
 margin:0px 10px;
 color:#fff;
}

.button:disabled {
 pointer-events: none;
}

.button:hover {
 color: #fff;
 background-color: #1A1A1A;
 box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
 transform: translateY(-2px);
}

.button:active {
 box-shadow: none;
 transform: translateY(0);
}
  

/*-- HEAD --*/
.head{color:#fff;position:absolute;width:100%;z-index:1;padding-top:30px;z-index:99;}
.head .center{display:flex;align-items:end;}
.head .center .menu{flex:1;text-align:center;}
.head .center .menu a{vertical-align:middle; font-size:12px;display:inline-block;}
.head .center span{margin:0px 10px; font-size:10px;}

/*-- HEAD --*/
.head2{color:#fff;position:relative;width:100%;z-index:1;padding:20px 0px;z-index:99;background:#000;}
.head2 .center{display:flex;align-items:end;}
.head2 .center .menu{flex:1;text-align:center;}
.head2 .center .menu a{vertical-align:middle; font-size:12px;display:inline-block;}
.head2 .center span{margin:0px 10px; font-size:10px;}
.menumovil{display:none;}

/*-- INICIO --*/
.banner{position:relative;color:#fff;}
.banner section{position:absolute;height:100%;display:flex;align-items:center;z-index:1;top:0;width:100%;text-align:center;}
.banner h2{margin:20px 0px;}
.banner img{opacity:0;}

.ubicaciones{background:var(--blue);padding:30px 30px 50px;border-radius:20px;flex-wrap:wrap;display:flex;position:relative;z-index:1;max-width:900px;margin:-100px auto 0px;color:#fff;box-shadow:0px 10px 34px 5px rgba(0, 0, 0, 0.75);}
.ubicaciones h5{width:100%;text-align:center;padding:10px 0px;border-radius:20px;background:var(--black);}
.ubicaciones a{width:25%;text-decoration:underline;margin-top:20px;}

.wh{position:absolute;width:100%;z-index:1;}
.wh section{background:rgba(49, 150, 70, 1);display:table;padding:15px 10px;border-radius:15px;color:#fff;margin:-20px auto 0px;box-shadow:0px 10px 34px 5px rgba(0, 0, 0, 0.75);}
.wh p{display:inline-block;font-weight:900;opacity:1;margin-left:20px;}

.txtin{display:flex;gap:50px;margin:100px auto;}
.txtin aside{width:40%;}
.txtin section{flex:1;}
.txtin section img{margin-bottom:20px;}

.ventajas{background:var(--bblue);padding:150px 0px;}
.ventajas .center{display:flex;gap:30px;}
.ventajas .center aside{width:50%;}
.ventajas .center section{flex:1;position:relative;min-height:320px;}
.ventajas iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.parallax{display:flex;align-content:center;text-align:center;padding:200px 0px;background:url(../IMG/back-nosotros.jpg) no-repeat center center;color:#fff;background-size:cover;background-attachment:fixed;}

.equipo{text-align:center;padding:100px 0px;background:linear-gradient(0deg,rgba(255, 255, 255, 1) 30%, rgba(234, 244, 246, 1) 30%);}
.equipo .center{max-width:1000px;}
.equipo .line{margin:20px auto;}
.equipo .center section{display:flex;gap:50px;margin-top:20px;}
.equipo .center section div{background:var(--black);color:#fff;padding:10px 10px 50px;box-shadow:0px 10px 34px 5px rgba(0, 0, 0, 0.75);width:21%;}
.equipo .center section div:nth-child(1) {transition:.8s;}
.equipo .center section div:nth-child(2) {transition:1.2s;}
.equipo .center section div:nth-child(3) {transition:1.6s;}
.equipo .center section div:nth-child(4) {transition:2s;}
.equipo .center section div img{margin-bottom:30px;}

.bgmapa{background:linear-gradient(0deg,rgba(17, 24, 32, 1) 40%, rgba(255, 255, 255, 1) 40%);padding-bottom:100px;}
.mapa{background:var(--cafe);color:#fff;padding:100px 50px;border-radius:20px;}
.mapa h3{text-align:center;}
.mapa h4{background:var(--black);border-radius:20px;text-align:center;padding:10px 0px;margin:0px auto;max-width:900px;}
.mapa .line{background:#fff;margin:20px 0px;}
.mapa img{margin:50px 0px;}
.mapa section{max-width:900px;margin:0px auto;display:flex;flex-wrap:wrap;}
.mapa section a{width:25%;margin-top:20px;text-decoration:underline;}

.bgaliado{background:var(--blue);padding:100px 0px;}
.alido{color:#fff;padding:10px 20px;gap:30px;margin:0px auto;}
.alido .video{display:flex;justify-content:space-between;margin-top:80px;}
.alido .video aside{width:45%;position:relative;min-height:300px;}
.alido .video .ifamevideo{padding-bottom:56%;position:relative;width:100%;margin-top:50px;}
.alido .video .ifamevideo iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.alido .video .info{width:45%;display:flex;flex-wrap:wrap;}
.alido .video .info section{margin-right:20px;}

.renova{padding:150px 0px;background:url(../IMG/back-renova.jpg) no-repeat;background-size:cover;}
.renova section{margin:0px auto;max-width:600px;background:var(--green);color:#fff;padding:50px;box-shadow:0px 10px 34px 5px rgba(0, 0, 0, 0.75);}
.renova p{margin-top:20px;}

.creemos{position:relative;}
.creemos section{position:absolute;bottom:0px;width:100%;}
.creemos .center{background:#fff;text-align:center;padding:30px 40px 100px;max-width:1000px;border-radius:20px;}
.creemos .center p{max-width:600px;margin:0px auto;}
.creemos .center img{margin-bottom:30px;}
.creemos .center .line{margin:20px auto;}
.creemos .center .txt{display:flex;justify-content:space-between;text-align:left;max-width:700px;margin:50px auto 0px;}
.creemos .center .txt div{width:47.5%;}

.contacto{padding:100px 0px;background:var(--blue);}
.contacto .center{display:flex;color:#fff;}
.contacto .line{background:#fff;}
.contacto .datos{width:50%;padding:50px 20px;}
.contacto .datos a{display:inline-block;margin-top:30px;}
.contacto .datos p{margin-top:10px;}
.contacto .datos img{margin-bottom:20px;display:block;}
.contacto .mensaje{width:50%;padding:50px 20px;background:var(--black);}
.input-group{position:relative;margin-top:30px;}
.input{border:solid 1.5px #9e9e9e;border-radius:1rem;background:#fff;padding:1rem;font-size:1rem;color:#000;transition:border 150ms cubic-bezier(0.4,0,0.2,1);width:100%;width:100%;box-sizing:border-box;}
.user-label{position:absolute;left:15px;color:#000;pointer-events:none;transform:translateY(1rem);transition:150ms cubic-bezier(0.4,0,0.2,1);top:0;}
.input:focus, input:valid {outline:none;border:1.5px solid #fff;}
.input:focus ~ label, input:valid ~ label {transform:translateY(-50%) scale(0.8);background-color:#212121;padding:0 .2em;color:#fff;}
.sendBtn{display:table;background:var(--blue);color:#fff;padding:10px 20px;margin-top:30px;border:none;}
.g-recaptcha{display:block;margin-top:20px}
.contacto .btn{margin-top:20px;}

.foot{background:var(--blue);padding-bottom:50px;}
.foot .center{background:var(--black);display:flex;align-items:center;color:#fff;padding:15px 40px;border-radius:15px;gap:40px}
.foot .menu{flex:1;}
.foot .menu p{margin:0px 20px;display:inline-block;}
.foot .menu a{font-size:10px;}

/*-- AVISO --*/
.aviso{padding:100px 20px;}
.aviso h4{margin:20px 0px 10px;}
.aviso p{margin-bottom:50px;}


/*-- FOOT --*/

@media screen and (max-width:750px){
	.movil{display:inherit;}
	.nonemovil{display:none;}
	/*--HEAD--*/
	.head{padding-top:0px;}
	.head .logo{flex:1;}
	.head .center{display:flex;align-items:center;}
	.head .center .menu{flex:1;text-align:center;display:none;}
	.head .center span{margin:0px auto 5px;}
	.head .tel{display:none;}

	.hmb{z-index:10;position:relative;cursor:pointer;display:table;}
	.hmb span{border-bottom:solid 5px #fff;text-align:center;width:50px;transition:1s;opacity:1;position:relative;display:table;}
	.menumovil{text-align:center;background:var(--blue);position:absolute;width:100%;z-index:9;}
	.menumovil section{padding:50px 0px;}
	.menumovil a{display:block;margin-top:20px;padding:10px 0px;color:#fff;}

	.ubicaciones{margin:50px 20px 0px;}
	.ubicaciones a{width:50%;}

	.banner img{opacity:1;}
	.txtin{display:block;}.txtin aside{width:100%;margin-top:50px;}
	.ventajas{padding:100px 0px;}
	.ventajas .center{display:block;}
	.ventajas .center aside{width:100%;}
	.ventajas .center section{flex:1;position:relative;height:300px;margin-top:80px;}

	.bgaliado{padding:0px;}
	.alido{padding:100px 20px;}
	.alido .video{display:block;}
	.alido .video aside{width:100%;margin-top:80px;}
	.alido .video .info{width:100%;}

	.parallax{padding:50px 0px;}

	.equipo .center section{gap:5%;margin-top:0px;flex-wrap:wrap;}
	.equipo .center section div{background:var(--black);color:#fff;padding:10px 10px 50px;width:47%;margin-top:80px;}

	.bgmapa{margin:0px 10px;background:none;padding-bottom:20px;}
	.mapa{padding:100px 30px;}
	.mapa section a{width:50%;}
	.renova{padding:50px 0px;}

	.creemos{position:relative;}
	.creemos section{position:relative;bottom:0px;width:100%;}

	.renova{background:none;}

	.contacto .center{display:block;}
	.contacto .datos{width:100%;}
	.contacto .mensaje{width:100%;}
	
	.foot .center{display:block;text-align:center;padding:30px 20px;}
	.foot .menu{margin:30px 0px;}
	.foot .menu p{margin:0px 20px;display:inline-block;}
	.foot .menu a{font-size:10px;}

}