:root{--gray:#1d1b1d;--orange:#fa7823;--lightgray:#e5dfdf}
body{margin:0px;padding:0px;font-family: "Inter", sans-serif;}
p,li,h1,h2,h3,h4,h5,h6,span,section,aside,div{box-sizing:border-box;margin:0px;vertical-align:middle;}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
img,video{vertical-align:middle;max-width:100%;height:auto;}
h1{font-size:60px;font-family: "Bebas Neue", sans-serif;}
h3{font-size:40px;font-family: "Bebas Neue", sans-serif;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:60px;font-family: "Bebas Neue", sans-serif;}
p,span,li,h2{font-size:16px;opacity:.7;}
ul{margin:0px;padding:0px;padding-left:20px;}
.center{width:100%;max-width:1240px;padding:0px 20px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.movil{display:none;}
.menumovil{max-height:0px;overflow:hidden;transition:max-height .4s ease;overflow-y:hidden;}
.menumovil.open{max-height:400px;}
.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}

@media (prefers-reduced-motion: reduce) {
	.animation{opacity:1;left:0px;top:0px;transition:none;}
	.parallax{background-attachment:scroll;}
}

/*-- HEAD --*/
.announcement-bar{background:var(--gray);color:#fff;text-align:center;padding:0px 0;}
.announcement-bar p{font-size:14px;}
.head{width:100%;padding:10px 0;position:relative;}
.head .center{display:flex;align-items:center;justify-content:space-between;}
.head .logo{font-size:24px;font-weight:bold;}
.head nav{display:flex;gap:30px;position:absolute;left:50%;transform:translateX(-50%);z-index:9;}
.head a{font-size:14px;border-bottom:2px solid #fff;padding-bottom:4px;}
.head .phone{border:1px solid #ccc;border-radius:25px;padding:6px 16px;white-space:nowrap;}
.dropdown{position:relative;cursor:pointer;margin-top:-2px;}
.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-8px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;background:#fff;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:8px;padding:8px 0;z-index:100;}
.dropdown.active .dropdown-menu{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.dropdown-menu a{display:block;padding:10px 20px;color:var(--gray);white-space:nowrap;transition:background .2s;text-align:center;}
.dropdown-menu a:hover{background:var(--lightgray);}
.head nav a.active{border-bottom:2px solid var(--orange);padding-bottom:4px;}
.head nav .dropdown.current>.dropdown-toggle{border-bottom:2px solid var(--orange);padding-bottom:4px;}

/*-- FOOT --*/
footer{color:#fff;background:var(--gray);padding:50px 0px;}
footer .center{display:flex;gap:20px;justify-content:space-between;}
footer .center .logo p{margin:30px 0px 20px;}
footer .center div{min-width:150px;}
footer .center h5{margin-bottom:20px;}
footer .center a{display:block;margin-top:10px;font-size:14px;}
footer .center p{font-size:14px;margin-top:10px;}

/*-- GENERAL --*/
.banner{position:relative;}
.banner img{width:100%;}
.banner section{width:100%;position:absolute;height:100%;display:flex;align-items:center;color:#fff;top:0;}
.mitad{display:flex;}
.mitad section{flex:1;}
.mitad .info{padding:50px;max-width:600px;}
.mitad .info2{padding:50px;max-width:600px;margin-left:auto;}
.parallax{background-attachment:fixed;background-position:center center;background-size:cover;min-height:300px;padding:100px 0px;display:flex;align-items:center;}
.parallax .info{width:100%;}


/*-- HOME --*/
.soporte{align-items:center;}
.soporte h2{margin-top:20px;padding-left:10px;}
.tecnologia{background:var(--gray);color:#fff;padding:50px 0px;}
.tecnologia .info p{text-align:right;}
.toggle h4{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-radius:100px;cursor:pointer;background:transparent;transition:.3s;user-select:none;border:solid #fff 1px;margin-top:20px;}
.toggle h4 span{margin-left:auto;}
.toggle h4.active{background:var(--orange) linear-gradient(135deg,rgba(0,0,0,.3),transparent);}
.toggle h4 img{height:40px;}
.toggle section{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;display:flex;gap:30px;align-items:flex-start;padding:0 10px;}
.toggle section.open{padding:20px 10px;}
.toggle section aside{flex-shrink:0;width:300px;height:200px;background:#333;}
.toggle section aside img{width:100%;height:100%;object-fit:cover;}
.toggle section ul{list-style:none;display:flex;flex-wrap:wrap;}
.toggle section ul li{width:50%;}
.toggle section .titulo{display:table;background:#fff;color:#000;padding:10px 20px;border-radius:5px;margin-bottom:10px;}
.toggle section p{margin:20px 0px;}
.integral{padding:100px 0px;}
.integral .titulo{text-align:center;margin-bottom:50px;padding:0px 20px;}
.integral .titulo h3{margin:20px 0px;}
.integral .servicios{display:flex;gap:30px;}
.integral .servicios .menuservicios{width:40%;max-width:300px;}
.integral .servicios .menuservicios h4{border:solid var(--lightgray) 2px;margin-top:20px;padding:20px;cursor:pointer;transition:.3s;}
.integral .servicios .menuservicios h4.active{background:var(--orange);border-color:var(--orange);color:#fff;}
.integral .servicios .servicio{flex:1;}
.integral .servicios .servicio .info{display:none;gap:30px;}
.integral .servicios .servicio .info.active{display:flex;}
.integral .servicios .servicio .info div{flex:1}
.integral .servicios .servicio .info aside{width:40%;}
.vanguardia{background-image:url(../img/parallax-1.jpg);text-align:right;color:#fff;}
.vanguardia p{margin:20px 0px 0px;max-width:600px;margin-left:auto;}
.vanguardia .button{background:var(--orange);padding:10px 20px;opacity:1;display:table;margin-left:auto;}
.faqs{padding:100px 0px;}
.faq .toggleButton{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #000;border-radius:8px;cursor:pointer;user-select:none;margin-top:20px;}
.faq .toggleButton span{display:inline-block;width:30px;text-align:center;border-radius:100px;background:var(--lightgray);padding:5px;}
.faq .toggleButton span::before{content:'+';}
.faq .toggleButton.active span::before{content:'-';}
.faq h5{margin-bottom:10px;}
.faq section{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 20px;}
.faq section.open{padding:15px 20px;}


/*-- NOSOTROS --*/
.valores{background:var(--gray);color:#fff;padding:100px 0px;}
.valores .center{display:flex;flex-wrap:wrap;justify-content:space-between;}
.valores .center .titulo{width:100%;text-align:center;}
.valores .center .titulo h5{color:var(--orange)}
.valores .center .valor{width:30%;background:#1e1e1e;padding:30px 20px;margin-top:50px;}
.valores .center .valor h4{margin:15px 0px;}
.legado{padding:100px 20px;gap:30px;}
.legado section h3{margin-bottom:40px;}
.legado div{display:flex;justify-content:center;gap:50px;padding-top:85px;}
.legado div h3{color:var(--orange);font-size:100px;text-align:center;line-height:.5em;margin:0px;}
.legado div h3 span{color:#000;}
.equipo{background:var(--lightgray);padding:100px 0px;}
.equipo p{margin:10px 0px 30px;}
.equipo .img{display:flex;justify-content:space-between;}
.equipo .img div{width:30%;}
.global{text-align:center;background-image:url(../img/parallax-1.jpg);color:#fff;}
.global h3{}
.global h3 span{color:var(--orange);font-size:28px;}

/*-- PRODUCTOS --*/
.lider{display:flex;padding:100px 20px;}
.lider aside{width:40%;max-width:300px;}
.lider .info{flex:1;}
.lider .info a{color:var(--orange);margin-top:40px;text-decoration:underline;display:table;}
.lider .info hr{margin:60px 0px;border:none;background:var(--lightgray);height:2px;}
.lider .info h5{color:var(--orange);}
.lider .info section{display:flex;gap:50px;}
.lider .info section div{flex:1;}
.categorias{background:var(--lightgray);padding:100px 0px;}
.categorias .titulo{}
.categorias .catalogo{display:flex;justify-content:space-between;flex-wrap:wrap;}
.categorias .categoria{width:47.5%;margin-top:120px;}
.categorias .categoria img{margin:20px 0px;}
.categorias .categoria .vermas section{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;}
.categorias .categoria .vermas section li{border-bottom:solid #000 1px;margin-top:15px;}
.categorias .categoria .vermas section li:hover{border-bottom:solid var(--orange) 1px;}
.vermas .toggleButton{display:flex;justify-content:space-between;border:solid 1px var(--orange);padding:10px 20px;border-radius:7px;margin-top:10px;align-items:center;cursor:pointer;}
.vermas .toggleButton span{display:inline-block;width:30px;text-align:center;border-radius:100px;background:var(--orange);padding:5px;}
.vermas .toggleButton span::before{content:'+';}
.vermas .toggleButton.active span::before{content:'-';}
.precision{background-image:url(../img/productos-mazak-back.jpg);color:#fff;padding:100px 0px;background-size:cover;background-attachment:fixed;}
.precision h3{margin-bottom:20px;}
.precision h4{margin-bottom:20px;}
.precision h5{margin-bottom:20px;}
.precision p{margin-bottom:40px;}


/*-- SERVICIOS --*/
.excelencia{padding:100px 20px;gap:20px;}
.excelencia section:first-child{width:55%;flex:none;}
.mantenimiento{background-image:url(../img/parallax-1.jpg);color:#fff;text-align:center;}
.fase{margin:50px auto;}
.fase .info p{margin:20px 0px 0px;}
.fase .info{padding-bottom:0;}
.fase .info h4{margin-bottom:30px;}
.fase .info li{margin-top:10px;}
.fase .info span{color:var(--orange);font-size:12px;margin-bottom:10px;}
.fase .info .button{color:var(--orange);border:solid var(--orange) 2px;padding:10px 20px;display:table;}


/*-- CONTACTO --*/
.bannercontacto section div{padding:0px 20px;}
.contacto{display:flex;gap:50px;padding:50px 0px;margin:20px auto;border-top:solid #000 1px;border-bottom:solid #000 1px;}
.contacto div{text-align:center;}
.atencion{padding:20px 0px 40px;margin-bottom:60px;border-bottom:solid #000 1px;}
.mensaje .center{display:flex;gap:40px;padding:0px;}
.mensaje .center .info{width:50%;}
.mensaje .center .formulario{width:50%;}
.input-group{position:relative;margin-top:15px;display:flex;gap:20px;}
.input-group div{width:50%;}
.input-group section{width:100%;}
.input{border:solid 1.5px #9e9e9e;background:#fff;padding:10px;color:#000;width:100%;box-sizing:border-box;}
.textarea{border:solid 1.5px #9e9e9e;background:#fff;padding:10px;color:#000;width:100%;box-sizing:border-box;height:150px;}
.sendBtn{border:none;margin-top:20px;display:block;background:var(--orange);color:#fff;width:100%;padding:10px 0px;}
.g-recaptcha{display:block;margin-top:20px}
.mapa{}
#mapa{display:block;width:1000px;margin:0px auto;}
.mapa .titulo{text-align:center;position:relative;padding:50px 0px;}
.mapa .titulo section{background:var(--orange);display:flex;color:#fff;padding:30px 40px;border-radius:10px;align-items:center;gap:30px;position:absolute; width:100%;}
.mapa .titulo section aside{flex:1;text-align:right;}
.mapa .titulo section aside select{padding:10px;}
.mapa .titulo section p{cursor:pointer;}
.mapa .titulo section img{cursor:pointer;}
.mapa .titulo section .marca{padding-bottom:4px;}
.mapa .titulo section p.marca-active{border-bottom:3px solid #fff;}
.mapa .titulo section img.marca-active{border-bottom:3px solid #fff;}


@media screen and (max-width:750px){
	.movil{display:inherit;}
	.nonemovil{display:none;}
	.head{}
	.head .center{display:block;}
	.head .phone{display:none;}
	.hmb1{border-bottom:solid 5px var(--orange);margin:0px auto 5px;text-align:center;width:50px;transition:1s;opacity:1;}
	.hmb2{border-bottom:solid 5px var(--orange);margin:0px auto 5px;text-align:center;width:50px;transition:1s;position:relative;}
	.hmb3{border-bottom:solid 5px var(--orange);margin:0px auto;text-align:center;width:50px;transition:1s;position:relative;}
	.hmb{width:50px;height:25px;z-index:10;position:relative;cursor:pointer;display:inline-block;margin:15px auto 0px;float:right;}
	.menumovil section{padding:10px 0px 30px;}
	.menumovil section p{font-size:40px;text-align:center;margin-top:30px;color:var(--gray);}
	.head nav{display:block;width:100%;background:#fff;position:static;left:auto;transform:none;}
	.head nav a{display:block;padding:10px 0px;text-align:center;font-size:30px;}
	.head nav a.active{border-bottom:none;padding-bottom:10px;}
	.head nav .dropdown{width:100%;}
	.head nav .dropdown-menu{position:static;left:auto;transform:none;opacity:1;max-height:0;overflow:hidden;transition:max-height .4s ease;background:none;box-shadow:none;border-radius:0;padding:0;min-width:auto;pointer-events:none;}
	.head nav .dropdown.active .dropdown-menu{max-height:160px;pointer-events:auto;transform:translate(0);}
	.head nav .dropdown-menu a{padding:8px 0;color:var(--gray);}
	.head nav .dropdown-toggle.active{border-bottom:2px solid var(--orange);padding-bottom:4px;}
	.head nav .dropdown.current>.dropdown-toggle{border-bottom:none;padding-bottom:10px;}

	.mitad{flex-direction:column;}
	.mitad .info{padding:20px 0px;}

	.integral .servicios .servicio .info.active{flex-direction:column-reverse;}
	.toggle section{flex-direction:column;}
	.soporte .info{padding:50px 20px;}
	.tecnologia .info p{text-align:left;}
	.integral .servicios{flex-direction:column;gap:50px;padding:0px 20px;}
	.integral .servicios .menuservicios{width:100%;max-width:100%;}
	.vanguardia{text-align:left;background-image:url(../img/parallax-movil-1.jpg);}
	.mantenimiento{background-image:url(../img/parallax-movil-1.jpg);}
	.global{background-image:url(../img/parallax-movil-1.jpg);}

	.legado{padding:90px 20px;}

	@supports (-webkit-touch-callout: none) {
		.parallax{ background-attachment:scroll; }
	}


	/*-- PRODUCTOS --*/
	.lider{flex-direction:column;}
	.lider aside{width:100%;max-width:3000px;}
	.lider .info{flex:1;}
	.lider .info section{flex-direction:column;gap:30px;}
	.categorias .catalogo{flex-direction:column;gap:30px;}
	.categorias .categoria{width:100%;margin-top:80px;}

	/*-- SERVICIOS --*/
	#servicios .mitad:nth-child(2n-1){flex-direction:column-reverse;}
	#servicios .mitad:nth-child(2n){flex-direction:column;}
	.fase{margin:80px 0px;}
	.fase:last-child{flex-direction:column-reverse;}
	.fase .info{padding-bottom:0;}
	.valores .center .valor{width:47%;}


	.atencion{border-bottom:none;}
	.bannercontacto .center{padding:0px;}
	.mensaje{padding:0px 0px 100px;}
	.mensaje .center{flex-direction:column;}
	.mensaje .center .info{width:100%;}
	.mensaje .center .formulario{width:100%;}
	.mapa .titulo{padding:20px 0px 0px;}
	.mapa .titulo section{display:block;text-align:left;position:relative;}
	.mapa .titulo section p{margin-top:20px;}
	.mapa .titulo section aside{flex:1;text-align:left;margin-top:20px;}

	footer .center{flex-direction:column;gap:50px;}
}