@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');

.smooth{ text-decoration:none;}

html,body{
width:100%;
	height:100%; font-family: "TikTok Sans", sans-serif;}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 

h1,h2,h3,h4,h5,h6{ display:inline !important;} 
     
#whats{ width: 68px; height: 69px; right: 20px; bottom: 20px; position: fixed; z-index: 9999;}

#tenemos{ width:100%; height:30px; background-color: #FFFFFF; position:absolute; top:80px; left:0; z-index:9999; text-align: center;}

#tene, #tene1,#tene2,#tene3,#tene4,#tene5{display:inline-block;vertical-align:top;}
#tene{width:1600px;vertical-align:middle; text-align:left; }
#tene1{width:100%;margin-right:0px; text-align:left;}
#tene2{width:320px; height: 30px; margin-right:-4px;text-align:left; background-color: #efefef;}


#header{ width:100%; height:80px; background:url(../imagenes/fondo0.jpg) no-repeat center center; position:fixed; top:0; left:0; z-index:9999;}
.logopc{ display: block; margin-top: 9px; margin-left: 0px;}.logomov{ display: none;}

#larriba, #larriba1,#larriba2,#larriba3,#larriba4,#larriba5{display:inline-block;vertical-align:top;}
#larriba{width:1600px;vertical-align:middle; text-align:left; }
#larriba1{width:500px;margin-right:-4px; text-align:left;height:80px; background-color: #2d2f94;}
#larriba3{width:1100px;margin-right:-4px;text-align:right;  height:80px;}
#larriba4{ display: none;}

#footer{ width: 100%; background-color: #2d2f94; text-align: center;}
#footer2{ width: 100%; background-color: #221f20; text-align: center;}


#abajo, #abajo1,#abajo2,#abajo3,#abajo4,#abajo5,#abajo6,#abajo7,#abajo8{display:inline-block;vertical-align:top;}
#abajo{width:1600px;vertical-align:middle; text-align:left; }
#abajo1{width:33%;margin-right:-4px; text-align:left;}
#abajo2{width:34%;margin-right:-4px; text-align:center; margin-top: 10px;}
#abajo3{width:33%;margin-right:-4px;text-align:right; margin-top: -18px;}
#abajo4{width:33%;margin-right:-4px; text-align:left;}
#abajo5{width:34%;margin-right:-4px; text-align:center;}
#abajo6{width:33%;margin-right:-4px;text-align:right;}

.lali{ width: 100%; height: 1px; background-color: #9ca0d0;}
.invi{ width: 100%; height:52px ;}
.invi2{ width: 100%; height:20px ;}
.lasredes{ display: inline-block; width: 210px;}

#losbotones {display: block;}

    .boton-losbotones { margin: 20px;position: relative;color: white;text-decoration: none;padding: 10px 15px;font-size: 15px; font-weight: 700;border-radius: 30px;transition: all 0.3s ease;overflow: hidden;display: inline-flex;align-items: center;}
    .boton-losbotones::before {content: "";position: absolute;inset: 0;border: 2px solid white;border-radius: 30px;opacity: 0;transition: all 0.3s ease;}
    .boton-losbotones span {position: relative;z-index: 1;display: inline-flex;align-items: center;gap: 0.4em;}
    .boton-losbotones span::after {content: "";display: inline-block;width: 6px;height: 12px;background-image: url('../imagenes/fle.png');background-size: contain;background-repeat: no-repeat;
opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}
    .boton-losbotones:hover::before {opacity: 1;}
    .boton-losbotones:hover span::after {opacity: 1;visibility: visible;}

.boton-losbotones2 { margin: 20px;position: relative;color: white;text-decoration: none;padding: 10px 15px;font-size: 15px; font-weight: 700;border-radius: 30px;transition: all 0.3s ease;overflow: hidden;display: inline-flex;align-items: center;}
    .boton-losbotones2::before {content: "";position: absolute;inset: 0;border: 2px solid white;border-radius: 30px;opacity: 0;transition: all 0.3s ease;}
    .boton-losbotones2 span {position: relative;z-index: 1;display: inline-flex;align-items: center;gap: 0.4em;}
    .boton-losbotones2 span::after {content: "";display: inline-block;width: 6px;height: 12px;background-image: url('../imagenes/fle.png');background-size: contain;background-repeat: no-repeat;
opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}
    .boton-losbotones2:hover::before {opacity: 1;}
    .boton-losbotones2:hover span::after {opacity: 1;visibility: visible;}

 
#slide1{width:100%;height: 100%; min-height:700px; max-height: 900px;}


.redes{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; opacity: 1; margin: 2px;}
.redes:hover{ opacity: .5;}     


.redes2{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; opacity: 1; margin: 2px;}
.redes2:hover{ opacity: .7;}   

.texto1{color:#ffffff;font-size:22px; font-weight: 400; line-height: 120%; text-decoration:underline; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto2{color:#ffffff;font-size:22px; font-weight: 400; line-height: 130%; text-decoration: none; font-family: "Oswald", sans-serif; }
.texto3{color:#7e929d;font-size:17px; font-weight: 700; line-height: 120%; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto4{color:#7e929d;font-size:60px; font-weight: 600; line-height: 110%; font-family: "Oswald", sans-serif; text-transform: uppercase; }
.texto4a{color:#FFFFFF;font-size:60px; font-weight: 600; line-height: 110%; font-family: "Oswald", sans-serif; text-transform: uppercase; }
.texto5{color:#ffffff;font-size:18px; font-weight: 400; line-height: 140%; }
.texto5a{color:#ffffff;font-size:18px; font-weight: 400; line-height: 140%;text-shadow: 2px 2px 3px rgba(0,0,0,0.32); }
.texto6{color:#ffffff;font-size:18px; font-weight: 400; line-height: 140%; }
.texto7{color:#ffffff;font-size:18px; font-weight: 400; line-height: 120%; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto8{color:#ffffff;font-size:16px; font-weight: 400; line-height: 160%;}
.texto8a{color:#ffffff;font-size:14.7px; font-weight: 400; line-height: 175%;}
.texto9{color:#ffffff;font-size:60px; font-weight: 700; line-height: 140%; }
.texto10{color:#ffffff;font-size:32px; font-weight: 600; line-height: 120%; }
.texto11{color:#221f20;font-size:80px; font-weight: 600; line-height: 100%; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto12{color:#221f20;font-size:18px; font-weight: 400; line-height: 150%; }
.texto13{color:#221f20;font-size:45px; font-weight: 600; line-height: 100%; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto14{color:#2d2f94;font-size:12px; font-weight: 700; line-height: 30px;  text-transform: uppercase;}
.texto15{color:#2d2f94;font-size:32px; font-weight: 600; line-height: 120%; }
.texto16{color:#FFFFFF;font-size:80px; font-weight: 600; line-height: 100%; font-family: "Oswald", sans-serif; text-transform: uppercase;text-shadow: 2px 2px 3px rgba(0,0,0,0.32);}
.texto17{color:#221f20;font-size:32px; font-weight: 600; line-height: 120%; }
.texto17a{color:#221f20;font-size:32px; font-weight: 600; line-height: 120%; }
.texto18{color:#221f20;font-size:60px; font-weight: 600; line-height: 100%; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto19{color:#221f20;font-size:50px; font-weight: 600; line-height: 100%; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto20{color:#221f20;font-size:20px; font-weight: 400; line-height: 130%; font-family: "Oswald", sans-serif; text-transform: uppercase; text-decoration: none;}
.texto21{color:#221f20;font-size:13px; font-weight: 400; line-height: 140%; }
.texto22{color:#2d2f94;font-size:80px; font-weight: 600; line-height: 100%; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.texto23{color:#221f20;font-size:13px; font-weight: 700; line-height: 180%; }
.texto24{color:#2d2f94;font-size:12px; font-weight: 700; line-height: 220%; }
.texto25{color:#221f20;font-size:14px; font-weight: 400; line-height: 180%; }
.texto26{color:#221f20;font-size:20px; font-weight: 400; line-height: 130%; font-family: "Oswald", sans-serif; text-transform: uppercase; text-decoration: none;}
.texto27{color:#b3b3b3;font-size:20px; font-weight: 400; line-height: 130%; font-family: "Oswald", sans-serif; }
.texto27a{color:#b3b3b3;font-size:18.2px; font-weight: 400; line-height: 130%; font-family: "Oswald", sans-serif; }

.azul{ width: 100%; background-color: #2d2f94; height: 70px;}

#somos{ width:100%; text-align: center;  background:url("../imagenes/f1.jpg") no-repeat center center fixed;background-size:cover;  z-index:9999;}

#infosomos, #infosomos1,#infosomos2,#infosomos0{display:inline-block;vertical-align:top;}
#infosomos{width:1600px;vertical-align:middle; text-align:left; }
#infosomos1{width:740px;margin-right:-4px; text-align:left;}
#infosomos2{width:725px;margin-right:-4px;text-align:left; margin-top: 47px;}
#infosomos0{width:135px;margin-right:-4px;text-align:right;}

.separa{ width: 100%; height: 300px;}

.lali2{ width: 100%; height: 2px; background-color: #7e929d;}

.lali3{ width: 100%; height: 2px; background-color: #FFFFFF; opacity: .6;}

.lali4{ width: 100%; height: 2px; background-color: #d0d6da; }

.lata{ display: inline-block;}

#losnumeros, #losnumeros1,#losnumeros2,#losnumeros3{display:inline-block;vertical-align:top;}
#losnumeros{width:1600px;vertical-align:middle; text-align:left; }
#losnumeros1{width:675px;margin-right:-4px; text-align:left;}
#losnumeros2{width:670px;margin-right:-4px;text-align:left;}
#losnumeros3{width:250px;margin-right:-4px;text-align:left;}

#contamos{ width:100%; text-align: center;  background:url("../imagenes/fondo02.jpg") no-repeat center 0;background-size:cover; }

#contamosinfo, #contamosinfo1,#contamosinfo0{display:inline-block;vertical-align:top;}
#contamosinfo{width:1600px;vertical-align:middle; text-align:left; }
#contamosinfo1{width:487px;margin-right:-4px; text-align:left;}
#contamosinfo0{width:69px;margin-right:-4px;text-align:left;}

.lima{ width: 100%; max-width: 487px;}

.lapleca{ width: 100%; background-color: #FFFFFF; text-align: right;}
.lapleca2{ width: 100%; background-color: #2d2f94; text-align: right;}

.laple{ width: 70%; max-width: 556px;}
.laple2{ width: 75%; max-width:623px;}


#talleres{width: 100%; text-align: center;background-color: #2d2f94; }

#infotalleres{width:1600px; display: inline-block; text-align:left; }


#servicios{width: 100%; text-align: center; }

#loservicios, #loservicios1,#loservicios2,#loservicios3{display:inline-block;vertical-align:top;}
#loservicios{width:1600px;vertical-align:middle; text-align:left; }
#loservicios1{width:800px;margin-right:-4px; text-align:left; margin-top: -20px;}

.bloqueservicios { width: 98%;max-width: 790px;height: 500px;background-color: #2d2f94;margin: 20px auto;clip-path: polygon(0 0, 100% 0, 100% 95%, 97% 100%, 0 100%); }

#infoser, #infoser1,#infoser2,#infoser0{display:inline-block;vertical-align:top;}
#infoser{width:100%;vertical-align:middle; text-align:left; }
#infoser1{width:48%; height: 436px; margin-right:-4px; text-align:left;}
#infoser2{width:50%;margin-right:-4px;text-align:right;}

.serser{ width: 90%; max-width: 322px;}

#grandes{width:1600px; display: inline-block; text-align: left; }

.infotext{ width: 100%; display: inline-block;  max-width: 750px;}

#grandespro, #grandespro1,#grandespro2,#grandespro3{display:inline-block;vertical-align:top;}
#grandespro{width:1600px;vertical-align:middle; text-align:left; }
#grandespro1{width:800px;margin-right:-4px; text-align:left;}
#grandespro2{width:800px;margin-right:-4px;text-align:left;}
#grandespro3{width:100%; height: 1px; background-color: #e5e7e9; margin-right:0px;text-align:left; margin-bottom: 50px; margin-top: 50px;}

#imagenesproyes, #imagenesproyes1,#imagenesproyes2,#imagenesproyes3,#imagenesproyes0{display:inline-block;vertical-align:top;}
#imagenesproyes{width:100%;vertical-align:middle; text-align:left; }
#imagenesproyes1{width:29%; height: 490px; margin-right:-4px; text-align:left; background:url("../imagenes/pro1.jpg") no-repeat center center;background-size:cover; }
#imagenesproyes2{width:40%; height: 490px; margin-right:-4px;text-align:left; background:url("../imagenes/pro2.jpg") no-repeat center center;background-size:cover; }
#imagenesproyes3{width:29%; height: 490px; margin-right:-4px;text-align:left; background:url("../imagenes/pro3.jpg") no-repeat center center;background-size:cover; }
#imagenesproyes0{width:.5%;margin-right:-4px;text-align:left;}

#siteinteresa{width: 100%; text-align: center; }

#siten, #siten1,#siten2,#siten3{display:inline-block;vertical-align:top;}
#siten{width:1600px;vertical-align:middle; text-align:left; }
#siten1{width:800px;margin-right:-4px; text-align:left;}
#siten2{width:800px;margin-right:-4px;text-align:right; margin-top: -24px;}

.invisible{ width: 100%; height: 110px;}

.hitec {  position: relative;  width: 100%;    aspect-ratio: 1920 / 685;   margin: auto;  background: url('../imagenes/hitec.jpg') no-repeat center center; background-size: cover;  overflow: hidden;}

.hitec::after {  content: "";  position: absolute;  bottom: -1px;  right: 0;  width: 30%; max-width: 296px;   height: 100px; background: #2d2f94; clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%); }

#flechaper {  width: 40px;  height: 40px;  position: absolute;  bottom: 40px;  right: 120px;  text-align: left;  z-index: 3;}

#nuestra{ width: 100%; background-color: #2d2f94; text-align: center;}


#valores{ width: 100%; background-color: #90A4AE; text-align: center;}

.infotext2{ width: 100%; display: inline-block;  max-width: 340px;}

#losvalores, #losvalores1,#losvalores2,#losvalores3{display:inline-block;vertical-align:top;}
#losvalores{width:1600px;vertical-align:middle; text-align:left; }
#losvalores1{width:420px;margin-right:-4px; text-align:left; margin-bottom: 20px;}
#losvalores2{width:340px;margin-right:-4px;text-align:left; margin-bottom: 20px;}

.hero { position: relative; width: 100%;  height: 762px;  margin: auto;  background: url('../imagenes/hitec3.jpg') no-repeat center center fixed;  background-size: cover;  overflow: hidden; text-align: center;}
.hero::before {  content: "";  position: absolute;  top: -1px;  left: 0;  width: 70%;  height: 46px;   background: #90A4AE;  clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);}
.hero::after {  content: "";  position: absolute;  bottom: -1px;  right: 0;  width: 30%; height: 46px; background: #fff; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);}


.infotext3{ width:1600px; display: inline-block; text-align: left; margin-top: 146px;}
.infotext4{ width:100%; display: inline-block; text-align: left; margin-top: 130px;}
.infotext5{ width:1600px; display: inline-block; text-align: left; margin-top:120px;}
.elmargen{width:100%; max-width: 900px; display: inline-block; }


#politicas{ width: 100%; background-color: #FFFFFF; text-align: center;}

#siteinteresa2{width: 100%; text-align: center; background-color: #221f20; }

#presencia{ width: 100%; background-color: #e5e7e9; text-align: center;}

#lapresi, #lapresi1,#lapresi2,#lapresi3{display:inline-block;vertical-align:top;}
#lapresi{width:1600px;vertical-align:middle; text-align:left; margin-top: 50px; }
#lapresi1{width:1250px;margin-right:-4px; text-align:left;}
#lapresi2{width:350px;margin-right:-4px;text-align:left; margin-top: 35px;}

#infoclientes{ width: 100%;  text-align: center;}

#elmapa{ width: 682px; height: 500px; display: inline-block; margin-top: -50px;}
.elmapam{ display: none;}

#losedos, #losedos1,#losedos2,#losedos3{display:inline-block;vertical-align:top;}
#losedos{width:1600px;vertical-align:middle; text-align:left;  }
#losedos1{width:250px;margin-right:-4px; text-align:left;}
#losedos2{width:100px;margin-right:-4px; text-align:left;}

#contacto{ width: 100%; background-color: #efefef; text-align: center;}

.infotext6{ width: 1600px; text-align: left; display: inline-block;}

#cobertura, #cobertura1,#cobertura2,#cobertura3{display:inline-block;vertical-align:top;}
#cobertura{width:1600px;vertical-align:middle; text-align:left;}
#cobertura1{width:450px;margin-right:-4px; text-align:left; margin-top:-100px; }


#contactactanos{ width: 100%; background-color: #FFFFFF; text-align: center;}

#contacta, #contacta1,#contacta2,#contacta3{display:inline-block;vertical-align:top;}
#contacta{width:1600px;vertical-align:middle; text-align:left; }
#contacta1{width:700px;margin-right:-4px; text-align:left; margin-top: 70px; margin-bottom: 70px;}
#contacta2{width:900px;margin-right:-4px;text-align:right; margin-top: -130px;}

.lima2{ width: 90%; max-width: 600px;}

#contactame, #contactame1,#contactame2{display:inline-block;vertical-align:top; }
#contactame{width:1600px;vertical-align:middle; text-align:center; }
#contactame1{width:33.3%;margin-left:-4px; text-align:left; padding-bottom: 30px;}
#contactame3{width:100%;margin-left:0px;text-align:left;}

 *:focus { outline: none; } 

::placeholder{color:#b0b0b0;}

.forma1{text-align:left;HEIGHT:50px;width:90%; padding-left: 5%;  font-size:16PX;font-weight:400; background-color:#eeeeee;  border:0; color:#221f20; border-radius: 100px;}


.boton{color:#ffffff; border: 0;  font-size:16px; font-weight:400;  text-decoration:none;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; border-radius: 100px;cursor:pointer; padding-top:5px; padding-left:16px; padding-right:16px; padding-bottom:5px; text-align:center; background-color:#2d2f94; width:95%; height:50px; opacity: 1;}
.boton:hover{ opacity: .7;}

#proyectos{width: 100%; text-align: center;background-color: #FFFFFF; }

#losproyectos, #losproyectos1,#losproyectos2{display:inline-block;vertical-align:top; }
#losproyectos{width:1600px;vertical-align:middle; text-align:left; }
#losproyectos1{width:400px;margin-left:-4px; text-align:left;}

.infotext7{ width:90%; max-width: 320px; margin-left: 1%; display: inline-block; text-align: left; margin-top: 15px;}
.miniproyes{ width:97%; display: inline-block;}

@media screen and (max-width: 1620px)
 {   
#losproyectos{width:1400px;}
#losproyectos1{width:350px;}     
     
#losedos{width:1400px; }
#losedos1{width:216px;}
     
#lapresi{width:1400px;}
#lapresi1{width:1050px;}
#cobertura{width:1400px;}
     
     
#contactame{width:1400px;}     
     
#contacta{width:1400px; }
#contacta2{width:700px; margin-top: -130px;}     
     
.infotext6{ width: 1400px;}     
     
.infotext3,.infotext5{ width:1400px;}     
     
#losvalores{width:1400px; text-align:center; }
#losvalores1{width:380px;}
#losvalores2{width:260px;}
     
     
#tene{width:1400px;}
#tene1{width:1080px;}
     
     
#siten{width:1400px; }
#siten1{width:1195px;}
#siten2{width:205px;}    
     
     
#grandespro{width:1400px;}
#grandespro1{width:700px;}
#grandespro2{width:700px;}     
     
#grandes{width:1400px;}     
     
#loservicios{width:1400px;vertical-align:middle; text-align:left; }
#loservicios1{width:700px;margin-right:-4px; text-align:left; margin-top: -20px;}     
#infoser1{height: 397px;}
     
#infotalleres{width:1400px;}     
.bloqueservicios{height: 450px; }
     
#contamosinfo{width:1400px;vertical-align:middle; text-align:left; }
#contamosinfo1{width:420px;margin-right:-4px; text-align:left;}
#contamosinfo0{width:70px;margin-right:-4px;text-align:left;}
 
     
     
#losnumeros{width:1400px;}
#losnumeros1{width:575px;}
#losnumeros2{width:570px;}
#losnumeros3{width:250px;}
     
.texto6{line-height: 154%; }
#infosomos{width:1400px; }
#infosomos1{width:670px;}
#infosomos2{width:650px;}
#infosomos0{width:80px;}
     
#abajo{width:1400px;}
     
#larriba{width:1400px;}
#larriba1{width:500px;}
#larriba3{width:900px;}  
}

@media screen and (max-width: 1420px)
 {
#losproyectos{width:1200px;}
#losproyectos1{width:300px;}       
     
#losedos{width:1200px; }
#losedos1{width:183px;}
     
#lapresi{width:1200px;}
#lapresi1{width:850px;}
#cobertura{width:1200px;}     
     
#contactame{width:1200px;}      
     
#contacta{width:1200px;vertical-align:middle; text-align:left; }
#contacta1{width:600px;}
#contacta2{width:600px; margin-top: -70px;}     
     
.infotext6{ width: 1200px;}
     
.infotext3,.infotext5{ width:1200px;}       
     
.infotext2{ width:90%; display: inline-block;  max-width: 600px;}     
     
#losvalores{width:1200px; text-align:center; }
#losvalores1{width:600px; margin-bottom: 40px;}
#losvalores2{width:600px; margin-bottom: 40px;}     
     
#tene{width:1200px;}
#tene1{width:880px;}     
     
#siten{width:1200px; }
#siten1{width:995px;}
     
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{height: 380px;}     
     
#grandespro{width:1200px;}
#grandespro1{width:600px;}
#grandespro2{width:600px;}        
     
#grandes{width:1200px;}        
     
#loservicios{width:700px;vertical-align:middle; text-align:left; }
#loservicios1{width:700px;margin-right:0px;}      
     
#infotalleres{width:1200px;}     
     
#contamosinfo{width:1200px;vertical-align:middle; text-align:left; }
#contamosinfo1{width:360px;margin-right:-4px; text-align:left;}
#contamosinfo0{width:60px;margin-right:-4px;text-align:left;}     
     
#losnumeros{width:1200px;}
#losnumeros1{width:475px;}
#losnumeros2{width:470px;}
#losnumeros3{width:250px;}     
     
.texto6{line-height: 140%; }
#infosomos{width:1200px; }
#infosomos1{width:570px;}
#infosomos2{width:550px;}
#infosomos0{width:80px;}     
     
#abajo{width:1200px;}
     
#larriba{width:1200px;}
#larriba1{width:450px;}
#larriba3{width:750px;}  
     
.boton-losbotones,.boton-losbotones2 { margin-top: 20px; margin-left: 10px; margin-right: 10px;}     
     
}


@media screen and (max-width: 1220px)
 { 
#losproyectos{width:800px;}
#losproyectos1{width:50%;}       
   
.infotext7{ width:100%; display: inline-block; max-width: 370px; text-align: left; margin-top: 15px; margin-left: 1%;}
.miniproyes{ width:100%; display: inline-block; max-width: 393px;}    
     
#losedos{width:1050px; }
#losedos1{width:160px;}  
#losedos2{width:70px;} 
     
 #lapresi{width:1000px;}
#lapresi1{width:650px;}
#cobertura{width:1000px;}     
     
#contactame{width:1050px;}      
     
#contacta{ width: 90%; max-width:1070px;vertical-align:middle; text-align:left; }
#contacta1{width:100%; margin-right: 0;}
#contacta2{width:100%; text-align: center; margin-top: 0px; margin-bottom: 40px;}      
     
.infotext6{ width: 1050px;}     
     
.infotext3{ width:1050px; }    
.infotext5{ width:1050px; display: inline-block; text-align: left; margin-top:60px;}
     
 #losvalores{width:1050px; text-align:center; }
#losvalores1{width:525px;}
#losvalores2{width:525px;}  
     
.hitec::after { display: none;}

#flechaper { display: none;}     
     
     
#tene{width:1050px;}
#tene1{width:730px;}      
     
#siten{width:1050px; }
#siten1{width:845px;}
#siten2{width:205px;}       
     
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{height: 270px;}      
     
#grandespro{width:1050px;}
#grandespro1{width:400px;}
#grandespro2{width:600px;}      
     
#grandes{width:1050px;}       
.texto11{font-size:60px;}
     
     
#infotalleres{width:1050px;}     
     
#contamosinfo{width:1050px;vertical-align:middle; text-align:left; }
#contamosinfo1{width:300px;margin-right:-4px; text-align:left;}
#contamosinfo0{width:63px;margin-right:-4px;text-align:left;}      
     
     
#losnumeros{width:1050px; text-align: center;}
#losnumeros1{width:380px; text-align: center;}
#losnumeros2{width:420px; text-align: center;}
#losnumeros3{width:250px; text-align: center;}       
     
#infosomos{width:90%; }
#infosomos1{width:100%; margin-right: 0;}
#infosomos2{width:100%; margin-top: 20px;}
#infosomos0{ display: none;}  
     
     
#abajo{width:1050px;}
#larriba{width:1050px;}
#larriba1{width:400px;}
#larriba3{width:650px;}  
     
.boton-losbotones,.boton-losbotones2 { margin-top: 20px; margin-left: 5px; margin-right: 5px; font-size: 14px;}     
     
}


@media screen and (max-width: 1140px)
 {      
     
#abajo{width:90%;}
#abajo1{width:100%;margin-right:0px; text-align:center;}
#abajo2{width:100%;margin-right:0px; text-align:center; margin-top: 20px;}
#abajo3{width:100%;margin-right:0px;text-align:center; margin-top: 30px; }
#abajo4{width:100%;margin-right:0px; text-align:center;}
#abajo5{width:100%;margin-right:0px; text-align:center; margin-top: 30px;}
#abajo6{width:100%;margin-right:0px;text-align:center; margin-top: 30px; }

.invi{ height:20px;} 
     
.invi2{ height:20px ;}
}


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

#losedos{width:600px; }
#losedos1{width:25%;}  
#losedos2{width:25%;}     
    
#lapresi{width:90%;vertical-align:middle; text-align:center; margin-top: 50px; }
#lapresi1{width:100%;margin-right:0px; text-align:center;}
#lapresi2{width:100%;margin-right:0px;text-align:center; margin-top: 35px;}

#cobertura{width:90%;vertical-align:middle; text-align:center;}
#cobertura1{width:100%;margin-right:0px; text-align:center; margin-top:-30px; }
    
#contactame{width:95%;vertical-align:middle; text-align:center; }
#contactame1{width:50%;}
    
#contacta1{ text-align: center;}    
    
.texto18{font-size:50px;}    
    
.infotext6{ width: 100%; text-align: center;}    
    
#tenemos{ width: 100%;}    
.texto14{ margin-left: 10px; font-size: 11px;}
#tene{width:100%;}
#tene1{width:100%; margin-right: 0;}    
    
.texto16{font-size:60px;}    
    
.hero { position: relative; width: 100%;  height: 762px;  margin: auto;  background: url('../imagenes/hitec3.jpg') no-repeat center center ;  background-size: cover;  overflow: hidden; text-align: center;}    

.infotext3{width:90%; text-align: center;}    
.infotext5{width:90%; text-align: center;}    
        
.infotext2{ width:90%; display: inline-block;  max-width: 1070px; text-align: center;}     
    
#losvalores{width:90%; text-align:center; }
#losvalores1,#losvalores2{width:100%; margin-right: 0; text-align: center;}
     
#siten{width:90%; }
#siten1,#siten2{width:100%; text-align: center; margin-right: 0;}
#siten2{ margin-top: 30px;}     
     
     
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{height: 250px;}      
     
#grandespro{width:90%;vertical-align:middle; text-align:center; }
#grandespro1,#grandespro2{width:100%;margin-right:0px; text-align:center;}
#grandespro2{ margin-top: 20px;}
     
     
.texto11{font-size:50px;}     
     
#grandes{width:90%; text-align: center;}       
     
#infotalleres{width:90%; text-align: center;}     
     
.texto8,.texto8a{color:#7e929d;font-size:18px; font-weight: 400; line-height: 160%;}
#contamos{ width:100%; text-align: center;  background:url("../imagenes/fondo03.jpg") no-repeat center 0;background-size:cover; }
#contamosinfo{width:90%;vertical-align:middle; text-align:center; }
#contamosinfo1{width:100%;margin-right:0px; text-align:center; margin-bottom: 40px;}
#contamosinfo0{ display: none;}     
     
     
#somos{ width:100%; text-align: center;  background:url("../imagenes/f1.jpg") no-repeat center center ;background-size:cover;  z-index:9999;}     
.separa{height: 100px;}     
     
#losnumeros{width:90%; text-align: center;}
#losnumeros1,#losnumeros2,#losnumeros3{width:100%; margin-right: 0; text-align: center; margin-top: 40px;}
     
#infosomos1{ text-align: center;}
#infosomos2{ text-align: center;}     
}

#ubicaciones{width:100%; text-align: center;}  


@media screen and (max-width: 820px)
{   
#losproyectos{width:393px;}
#losproyectos1{width:100%; margin-right: 0;}   
   
.infotext7{ width:100%; display: inline-block; max-width: 393px; text-align: center; margin-top: 15px; margin-left:0;}
.miniproyes{ width:100%; display: inline-block; max-width: 393px; text-align: center;}    
         
}

@media screen and (max-width: 790px)
 {   
.forma1{ text-align: center; padding-left: 0; margin-left: 0;}
.boton{ width: 90%;}
     
#contactame1{width:100%;margin-left:0px; text-align:center; padding-bottom: 30px;}
#contactame3{width:100%;margin-left:0px;text-align:center;}     
     
 .texto16{font-size:55px;}    
.infotext4{ margin-top: 80px;}    
}

@media screen and (max-width: 720px)
 {     
.texto17{font-size:23px;}  
     
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{height: 150px; width: 33%;}      
     
.texto11{font-size:45px;}     
     
 #loservicios{width:420px;vertical-align:middle; text-align:left; }
#loservicios1{width:420px;margin-right:0px;} 
     
.texto10{font-size:28px;}  
     
.bloqueservicios {height: 800px;clip-path: polygon(0 0, 100% 0, 100% 97%, 95% 100%, 0 100%); }

#infoser{width:100%;vertical-align:middle; text-align:left; }
#infoser1{width:100%; height: 220px; margin-right:0px; text-align:center; margin-bottom: 30px; margin-top: 30px;}
#infoser2{width:100%;margin-right:0px;text-align:center;}
     
}

@media screen and (max-width: 702px)
 {  
 #losedos{width:400px; }
#losedos1{width:33.3%;}  
#losedos2{width:33.3%;}      
     
     #cobertura1{margin-top:30px; }
     #elmapa{ display: none;}
     .elmapam{ display: block; width: 100%; max-width: 1004px;}
}

@media screen and (max-width: 650px)
 {   
 .texto16{font-size:50px;}    
.infotext4{ margin-top: 60px;}    
}


#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -2px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #ffffff;
}
.button_container span {
  background: #ffffff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:rgba(31,25,27,.9);
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInDown .9s ease forwards;
  -moz-animation: fadeInDown .9s ease forwards;
          animation: fadeInDown .9s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .60s;
  -moz-animation-delay: .60s;
          animation-delay: .60s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 40%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 700;
  text-align: center;
  margin-right:0;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 45px;
  opacity:1; text-transform:uppercase; line-height:130%;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;color: #9ba7b0; 
}
.overlay ul li a:after {
  font-size: 55px;
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}



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


#header{ width:100%; height:80px; background:url(../imagenes/fondo01.jpg) no-repeat 0 center; position:fixed; top:0; left:0; z-index:9999;}     
     
#larriba{width:100%;vertical-align:middle; text-align:left; }
#larriba1{ width: 85%;}
#larriba2{display:none;}
#larriba3{display:none;}
#larriba4{display:inline-block; width: 15%; height: 80px; margin-right:-4px; background-color: #000000;}
#larriba5{display:none;}

.logopc{ margin-left: 10px;}
     
#menumovil{ z-index:9999;position: fixed;top:30px;
  right: 3%;
  height: 27px;
  width: 35px; display:block;}

#slide1{min-height:800px;}     
     
}

.ball{-moz-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;-0-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear;}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}
@-webkit-keyframes spin{0%{opacity:1;}
100%{opacity:1;-webkit-transform:translateY(6px);}
}
@-o-keyframes spin{0%{opacity:1;}
100%{opacity:1;-0-transform:translateY(6px);}
}
@-moz-keyframes spin{0%{opacity:01;}
100%{opacity:1;-moz-transform:translateY(6px);}
}


.contenedortalleres {
  width: 100%;
  max-width: 1600px; 
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  min-height: 409px; 
}


.talleres {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease;
  position: absolute;
  top: 0;
  left: 0;
  padding: 50px;
}

.talleres.active {
  opacity: 1;
  visibility: visible;
  position: relative; 
  z-index: 1;
}

.texttalleres2 {
  flex: 1;
  z-index: 1;
  text-align: left;
  position: relative;
  bottom: 0;
}

.texttalleres1 {
  font-size: 3rem;
  margin-bottom: 10px;
}

.texttalleres2 p {
  font-size: 1rem;
  line-height: 1.5;
  max-width: 400px;
}

.imagetalleres {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.imagetalleres img {
  max-width: 710px;
  width: 80%;
  height: auto; margin-right: 10%;
}


.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  z-index: 2;
}

.arrow.left {
  left: 55%;
}

.arrow.right {
  right:0;
}


@media (max-width: 1620px) {
  .contenedortalleres {
    max-width: 1400px;
  }
    
.arrow.left {left: 52%;}
}

@media (max-width: 1420px) {
  .contenedortalleres {
    max-width: 1200px;
  }
    .arrow.left {left: 45%;}
}

@media (max-width: 1200px) {
  .contenedortalleres {
    max-width: 1050px;
  }
.imagetalleres img { margin-right: 0%;} .arrow.left {left: 40%;}
    
    
}


@media (max-width: 1070px) {
  .talleres {
    flex-direction: column;
    text-align: center;
    padding: 20px;
    align-items: center;
  }

  .texttalleres2 {
    order: 1;
    text-align: center;
    margin-bottom: 20px;
    bottom: 0;
  }

  .imagetalleres {
    order: 2;
    justify-content: center;
  }

  .imagetalleres img {
    max-width: 100%;
    height: auto;
  }

  .arrow.left {
    left: 5%;
  }

  .arrow.right {
    right: 5%;
  }

  .texttalleres1 {
    font-size: 2rem;
  }
}



.cell4{animation: shaker 38s infinite linear;}

@-webkit-keyframes shaker {
  0%, 100% {
    -webkit-transform: translateX(0) rotate(0deg) scale(1);
    transform: translateX(0) rotate(0deg) scale(1);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-2px) rotate(-1deg) scale(0.97);
    transform: translateX(-2px)  rotate(-1deg) scale(0.97);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(1px) rotate(1deg) scale(1);
    transform: translateX(1px) rotate(1deg) scale(1);
  }
}

@keyframes shaker {
  0%, 100% {
    -webkit-transform: translateX(0) rotate(0deg) scale(1);
    -ms-transform: translateX(0) rotate(0deg) scale(1);
    transform: translateX(0) rotate(0deg) scale(1);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-1px) rotate(-1deg) scale(0.97);
    -ms-transform: translateX(-1px) rotate(-1deg) scale(0.97);
    transform: translateX(-1px) rotate(-1deg) scale(0.97);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(1px) rotate(1deg) scale(1);
    -ms-transform: translateX(1px) rotate(1deg) scale(1);
    transform: translateX(1px) rotate(1deg) scale(1);
  }
}


.top-line {
      width: 100%;
      height: 1px;
      background: #cfd8dc;
    }

    .ubicadas-container {
      max-width: 1600px;
      margin: auto;
      padding: 0px 20px 0 20px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
    }

    .ubicas {
      flex: 1;
      text-align: left;
      padding: 20px;
      border-right: 1px solid #cfd8dc;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: #fff;
    }

    .ubicas:last-child {
      border-right: none;
    }

    .ubicas h2 {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .ubicas p {
      margin: 5px 0;
      font-size: 1rem;
      line-height: 1.5;
    }


    .footerubica-background {
      width: 100%;
      background: #90a4ae;
      padding: 15px 0;
    }

    .footerubica-bar {
      max-width: 1600px;
      margin: auto;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
    }

    .footerubica-link {
      flex: 1;
      display: flex;
      justify-content: flex-start;
    }

    .footerubica-link img {
      width: 159px;
      height: 60px;
      display: block;
      margin-left: 20px;
    }

    .boton-movil {
      display: none;
      margin-top: 20px;
      width: fit-content;
    }

    .boton-movil picture img {
      width: 159px;
      height: 60px;
      display: block;
    }

    @media (max-width: 1620px) {
      .ubicadas-container, .footerubica-bar { max-width: 1400px; }
    }
    @media (max-width: 1400px) {
      .ubicadas-container, .footerubica-bar { max-width: 1200px; }
    }
    @media (max-width: 1200px) {
      .ubicadas-container, .footerubica-bar { max-width: 1050px; }
    }


@media (max-width: 1070px) {
  .ubicadas-container {
    width: 90%;
    max-width: 350px;
    flex-direction: column;
    align-items: center;
  }

  .ubicas {
    border: none;
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;  /* 🔹 centra los textos */
  }

  .boton-movil {
    display: block;
    margin: 0 auto;      /* 🔹 sin márgenes y centrado horizontal */
  }

  .footerubica-background {
    display: none;
  }
}



.losclientes {
    max-width: 1600px;
    margin: auto;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 10px;
    justify-items: center;
    align-items: center;
  }

  .losclientes img {
    max-width: 100%;
    max-height: 100px;  /* controla que no haya logos muy grandes */
    height: auto;
    object-fit: contain;
    display: block; margin-top:30px;
  }

  @media (max-width: 1420px) {
    .losclientes {
      grid-template-columns: repeat(6, 1fr);
    }
  }

  @media (max-width: 1220px) {
    .losclientes {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  @media (max-width: 820px) {
    .losclientes {
      grid-template-columns: repeat(2, 1fr);
    }
  }