@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');

html,body{
width:100%;
	height:100%;
font-family: "Zalando Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
	
* { 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; font-weight: 400;}

#whats{ position:fixed; right:5px; bottom:20px; margin-top:-25px;; width:50px; height:50px; z-index:10;}

#elhead{ width:100%; text-align:center; height:120px; top:10px; left:0; position:absolute; background-color: transparent; z-index:9999;}

header{display:flex;justify-content:center;align-items:center;height:50px;background-color:#FFFFFF;position:relative;}
.logo-container{display:flex;align-items:center;}
.logo-box{position:relative;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;}
.logo-box img{height:50px;width:auto;display:block;}
.linea{height:50px;width:1px;display:block;}
.logo-box::after{content:"";position:absolute;bottom:0;height:1px;background:#000000;width:0;transition:width 0.4s ease;}
.logo-box:first-child::after{left:0;right:auto;transform-origin:left;}
.logo-box:last-child::after{right:0;left:auto;transform-origin:right;}
.logo-box:first-child:hover::after{width:calc(100% + 1px);}
.logo-box:last-child:hover::after{width:calc(100% + 1px);}

#home{ width:100%; height:100%; min-height: 700px; text-align: center;}

#laflecha, #laflecha1{display:inline-block;vertical-align:top;}
#laflecha{width:100%;height:50px;vertical-align:middle; text-align:center; margin-top:-150px;}
#laflecha1{width:50px;  height:50px;text-align:center;}

.redes{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; opacity: 1;}
.redes:hover{ opacity: .7;}   

#separador1{background:url("../imagenes/separador.jpg")  no-repeat center center fixed;background-size:cover; width:100%; height:600px; }


.texto1{ color:#ffffff; font-size:55px; line-height: 100%; text-decoration:none; }
.texto2{ color:#000000; font-size:55px; line-height: 100%; text-decoration:none; }
.texto3{ color:#ffffff; font-size:17px;  line-height: 150%; text-decoration:none; }
.texto4{ color:#000000; font-size:22px; line-height: 150%; text-decoration:none; }
.texto5{ color:#ff6600; font-size:17px; line-height: 150%; text-decoration:none; }
.texto6{ color:#ff6600; font-size:55px; line-height: 100%; text-decoration:none; }
.texto7{ color:#FFFFFF; font-size:22px; line-height: 150%; text-decoration:none; }
.texto8{ color:#ff6600; font-size:17px; letter-spacing: -3px; line-height: 150%; text-decoration:none; }
.texto9{ color:#ffffff; font-size:75px; line-height: 100%; text-decoration:none; }
.texto10{ color:#ff6600; font-size:75px; line-height: 100%; text-decoration:none; }
.texto11{ color:#000000; font-size:19px; line-height: 150%; text-decoration:none; }
.texto12{ color:#000000; font-size:32px; line-height: 120%; text-decoration:none; font-weight: 700;}
.texto13{ color:#ff6600; font-size:32px; line-height: 120%; text-decoration:none; }
.texto14{ color:#FFFFFF; font-size:32px; line-height: 100%; text-decoration:none; font-weight: 600;}
.texto15{ color:#FFFFFF; font-size:22px; line-height: 120%; text-decoration:none; font-weight: 500; }
.texto16{ color:#212121; font-size:17px; line-height: 100%; }
.texto17{ color:#212121; font-size:17px; line-height: 100%; text-decoration:none; }
.texto18{ color:#FFFFFF; font-size:32px; line-height: 120%; text-decoration:none; font-weight: 400;}
.texto19{ color:#ff6600; font-size:22px; line-height: 150%; text-decoration:none; font-weight: 700; }
.texto20{ color:#ff6600; font-size:32px; line-height: 120%; text-decoration:none; font-weight: 700;  }
.texto21{ color:#212121; font-size:18px; line-height: 150%; text-decoration:none; }
.texto21a{ color:#212121; font-size:17px; line-height: 150%; text-decoration:none; }
.texto22{ color:#ff6600; font-size:22px; line-height: 150%; text-decoration:none; font-weight: 400; }

#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top;}
#arriba{width:1400px;vertical-align:middle; text-align:center;}
#arriba1{width:250px;margin-right:-4px; text-align:left;  margin-top:40px;}
#arriba2{width:400px;margin-right:-4px;text-align:center;  margin-top:30px;}
#arriba3{width:250px;margin-right:-4px;text-align:right;  margin-top:40px;}
#arriba4{width:250px;margin-right:-4px;text-align:right;  margin-top:40px;}

.infotexto{ display: inline-block; text-align: left; width: 80%;}
.infotextoa{ display: inline-block; text-align: center; width: 90%; max-width: 560px; }
.infotextoa2{ display: inline-block; text-align: center; width: 90%; max-width: 700px; }


#origen{ width:100%; background-color:#ff6600; text-align: center;}

#lori, #lori1,#lori2,#lori3,#lori4,#lori5{display:inline-block;vertical-align:top;}
#lori{width:1500px;vertical-align:middle; text-align:center;}
#lori1{width:70%;margin-right:-4px; text-align:left;}
#lori2{width:30%;margin-right:-4px;text-align:right;  margin-top:20px;}
#lori3{width:530px;margin-right:-4px;text-align:left;  margin-top:70px;}
#lori4{width:530px;margin-right:-4px;text-align:left;  margin-top:70px;}
#lori5{width:440px;margin-right:-4px;text-align:left;  margin-top:70px;}


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

#quenos, #quenos0, #quenos1,#quenos2,#quenos3,#quenos4{display:inline-block;vertical-align:top;}
#quenos{width:1500px;vertical-align:middle; text-align:center;}
#quenos0{width:100%; margin-right:0px;text-align:left;}
#quenos1{width:337px; height: 240px; border: 2px solid #ff6600; border-radius:25px; margin-right:-4px; text-align:center; position: relative; margin-bottom: 50px;}
#quenos2{width:43px; height: 43px; margin-top:97px;  margin-right:-4px;text-align:center;}
#quenos3{width:43px; height: 43px; margin-top:97px;  margin-right:-4px;text-align:center;}
#quenos4{width:43px; height: 43px; margin-top:97px;  margin-right:-4px;text-align:center;}

.burbuja {width: 44px; height: 44px; border: 0;background: #ff6600;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #ffffff;font-size: 20px; font-weight: 700; line-height: 1;user-select: none;position: absolute;top: -11px;left: -11px; }

.infotexto2{ display: inline-block; text-align: left; width: 80%; max-width: 270px;}

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

#lasolucion, #lasolucion1,#lasolucion2,#lasolucion3,#lasolucion4,#lasolucion5{display:inline-block;vertical-align:top;}
#lasolucion{width:99.8%;vertical-align:middle; text-align:left; background-color:#1b1b1b;}
#lasolucion1{width:50%;height:650px;margin-right:-4px; text-align:center;}
#lasolucion2{width:50%;height:650px;margin-right:-4px;text-align:center; background:url("../imagenes/solucion.jpg")  no-repeat center center ;background-size:cover;  }

.infotexto3{ display: inline-block; text-align: left; width: 90%; max-width: 632px;}

#portafolio{ width: 100%; text-align: center; background-color:#f0efea;}

#porta, #porta0, #porta1, #porta2{display:inline-block;vertical-align:top;}
#porta{width:1500px;vertical-align:middle; text-align:center;}
#porta0{width:100%; margin-right:0px;text-align:left;}
#porta1{width:404px; margin-right:-4px; text-align:left; margin-bottom: 50px;}
#porta2{width:288px; margin-right:-4px; text-align:left; margin-bottom: 50px;}

#transformamos{ width: 100%; text-align: center; background-color:#FFFFFF;}
.invi{ width: 100%; height: 30px;}


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

#lasimas, #lasimas1,#lasimas2,#lasimas3,#lasimas4,#lasimas5{display:inline-block;vertical-align:top;}
#lasimas{width:100%;vertical-align:middle; text-align:left;}
#lasimas1{width:33%;height:800px;margin-right:-4px; text-align:center; background:url("../imagenes/i1.jpg")  no-repeat center center ;background-size:cover;}
#lasimas2{width:34%;height:800px;margin-right:-4px;text-align:center; background:url("../imagenes/i2.jpg")  no-repeat center center ;background-size:cover;  }
#lasimas3{width:33%;height:800px;margin-right:-4px; text-align:center; background:url("../imagenes/i3.jpg")  no-repeat center center ;background-size:cover;}


.circuloscontenedor{max-width:1500px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;padding:60px 20px;box-sizing:border-box;background-color:#fff;}
.circulositem{position:relative;width:510px;height:510px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:22px;line-height:1.5;box-sizing:border-box;background-color:transparent;}
.circulositem:nth-child(1){border:2px solid #f16a00;z-index:3;}
.circulositem:nth-child(2)::before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(to right,#f16a00,#040404);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.circulositem:nth-child(2){margin-left:-40px;z-index:2;}
.circulositem:nth-child(3){border:2px solid #040404;margin-left:-40px;z-index:1;}
.circulostexto{color:#040404;position:relative;z-index:5;background-color:transparent;}
.circulostexto strong{color:#f16a00;font-weight:700;}
@media(max-width:1510px){
    .circulositem{width:420px;height:420px;font-size:20px;}
}

@media(max-width:1240px){
    .circulositem{width:320px;height:320px;font-size:14px;}
}

@media(max-width:1024px){
    .circulositem:nth-child(2),.circulositem:nth-child(3){margin-left:-25px;}
}

@media(max-width:768px){
    .circuloscontenedor{flex-direction:column;gap:40px;}
    .circulositem{margin-left:0!important;width:380px;height:380px;font-size:20px;}
}


#certificaciones{ width: 100%; text-align: center; background-color:#ff6600;}

.infotexto4{ display: inline-block; text-align: left; width: 100%; max-width: 1500px;}

.certificacionescontenedor{max-width:1500px;margin:0 auto;background-color:#ff6600;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:40px 20px;box-sizing:border-box;}
.certificacionesitem{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:10px;}
.certificacionesimg{display:block;height:auto;max-width:100%;}
.certificacionesimg.cer1{width:172px;}
.certificacionesimg.cer2{width:174px;}
.certificacionesimg.cer3{width:172px;}
.certificacionesimg.cer4{width:331px;}
.certificacionesimg.cer5{width:172px;}
.certificacionesimg.cer6{width:295px;}
@media(max-width:1024px){ .infotexto4{text-align: center;}
    .certificacionescontenedor{justify-content:center;gap:00px;}
    }
@media(max-width:768px){
    .certificacionescontenedor{flex-direction:column;padding:0;}
    .certificacionesitem{margin:13px 0;}.certificacionesimg{width:auto;max-width:100%;height:auto;}
    }


#enfatizar{ width: 100%; text-align: center; background-color:#1b1b1b;}

.enfatizar{ display: inline-block; text-align: left; width: 90%; max-width:1500px; margin-top: 110px; margin-bottom: 110px;}
.enfatiza{ display: inline-block; text-align: left; width: 100%; max-width: 930px;}


#listos{ width: 100%; text-align: center; background-color:#272727;}

.listos{ display: inline-block; text-align: left; width: 90%; max-width:1500px; margin-top: 30px; margin-bottom: 30px;}
.listo{ display: inline-block; text-align: left; width: 100%; max-width: 600px;}



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

#contactame, #contactame1, #contactame2, #contactame3{display:inline-block;vertical-align:top;}
#contactame{width:1500px; vertical-align:middle; text-align:center;}
#contactame1{width:680px;margin-right:-4px; text-align:left;}
#contactame2{width:820px;margin-right:-4px; text-align:center;}


.infotexto5{ width: 90%; text-align: left; display: inline-block;}

.contactamecontenedor{max-width:820px;margin:0 auto;background:#fff;border-radius:25px;padding:40px 30px;box-sizing:border-box;}
.contactameform{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}
.contactamecampo{flex:1 1 calc(50% - 20px);position:relative;}
.contactamecampo-full{flex:1 1 100%;}
.contactameinput,.contactameselect,.contactametextarea{width:100%;padding:15px 20px;border:2px solid #ff6600;border-radius:50px;font-size:18px;outline:none;color:#1b1e0d;appearance:none;background-color:#fff;box-sizing:border-box;}
.contactametextarea{border-radius:30px;resize:none;height:130px;font-family: "Zalando Sans", sans-serif;}
.contactameboton{width:100%;background:#ff6600;color:#fff;border:none;border-radius:50px;padding:18px 25px;font-size:18px;font-weight:700;cursor:pointer;transition:0.3s;text-align:center; color: #1b1e0d;}
.contactameboton:hover{background:#e65a00; color: #FFFFFF;}
.contactamecheck{  display:flex;align-items:flex-start;gap:10px;margin-top:20px;}
.contactamecheck input[type="checkbox"]{  appearance:none;  width:18px;  height:18px;  border:2px solid #ff6600;  border-radius:50%; cursor:pointer;
  position:relative;  flex-shrink:0;   margin-top:3px; }
.contactamecheck input[type="checkbox"]:checked{  background-color:#ff6600;}
.contactamecheck span{  font-size:15px;  color:#1b1e0d;  line-height:1.4;}

@media(max-width:1020px){
.contactamecampo{flex:1 1 100%;}
.contactamecontenedor{padding:25px 20px;}
.contactameinput,.contactametextarea{font-size:15px;}
.contactameboton{font-size:15px;}
}


#footer{ width: 100%; text-align: center; background-color:#ff6600;}

#abas, #abas1, #abas2, #abas3{display:inline-block;vertical-align:top;}
#abas{ width:90%; max-width:1500px; vertical-align:middle; text-align:center;}
#abas1{width:33%;margin-right:-4px; text-align:left;}
#abas2{width:34%;margin-right:-4px; text-align:center;}
#abas3{width:33%;margin-right:-4px; text-align:right;}

@media screen and (max-width:1520px)
 {
#contactame{width:1400px;}
#contactame2{width:720px;}
     
     
#lasimas1,#lasimas2,#lasimas3{height:750px;}      
     
#porta{width:1400px;}
#porta1{width:371px;}
     
.texto5{font-size:16px;}     
.infotexto2{width: 80%;}     
#quenos{width:1400px;vertical-align:middle; text-align:center;}
#quenos1{width:310px;}

     
#lori{width:1400px;vertical-align:middle; text-align:center;}
#lori3{width:480px;}
#lori4{width:480px;}
#lori5{width:440px;}
}


@media screen and (max-width:1420px)
 {
#contactame{width:1200px;}
#contactame1{width:580px;}
#contactame2{width:620px;}
     
     
#lasimas1,#lasimas2,#lasimas3{height:700px;}    
     
#porta{width:1200px;}
#porta1{width:304px;}     
     
.texto9,.texto10{font-size:65px; }
     
#lasolucion1{height:600px;}
#lasolucion2{height:600px;}   

.texto5{font-size:16px;}     
.infotexto2{width: 90%;}     
#quenos{width:1200px;vertical-align:middle; text-align:center;}
#quenos1{width:260px;}     
     
.infotexto{width: 90%;}     
     
#lori{width:1200px;vertical-align:middle; text-align:center;}
#lori3{width:400px;}
#lori4{width:400px;}
#lori5{width:400px;}
}


@media screen and (max-width:1220px)
 {
.contactameinput,.contactameselect,.contactametextarea{font-size:16px;}     
     
#contactame{width:1000px;}
#contactame1{width:500px;}
#contactame2{width:500px;}     
     
#lasimas1,#lasimas2,#lasimas3{height:650px;}       
     
#porta{width:1100px;}
#porta1{width:273px;}   
#porta2{width:281px;}  
     
     
.texto5{font-size:17px;}     
.infotexto2{width: 80%;}     
#quenos{width:733px;vertical-align:middle; text-align:center;}
#quenos1{width:337px;}          
#quenos3{ display: none;}
    
     
.infotexto{width: 100%;}     
     
#lori{width:1000px;vertical-align:middle; text-align:center;}
#lori3,#lori4,#lori5{width:100%;margin-right:0px; text-align:left; margin-top: 30px;}
#lori3{ margin-top: 70px;}
}


@media screen and (max-width:1120px)
 {
#porta{width:90%;vertical-align:middle; text-align:center;}
#porta0{width:100%; margin-right:0px;text-align:center;}
#porta1{width:300px; margin-right:-4px; text-align:center; margin-bottom: 50px;}
#porta2{width:300px; margin-right:-4px; text-align:center; margin-bottom: 50px;}
}


@media screen and (max-width:1070px)
 {
.infotexto3{ text-align: center; width: 90%; max-width: 632px;}     
     
#lasolucion{width:100%;vertical-align:middle; text-align:left; background-color:#1b1b1b;}
#lasolucion1{width:100%;height:550px;margin-right:0px; text-align:center;}
#lasolucion2{width:100%;height:650px;margin-right:0px;text-align:center; background:url("../imagenes/solucion.jpg")  no-repeat center center ;background-size:cover;  }
}

     
@media screen and (max-width:1020px)
 {
.infotexto5{text-align: center;}     
.contactameinput,.contactameselect,.contactametextarea{padding:15px 20px; text-align: center;}     
#contactame{width:90%; vertical-align:middle; text-align:center;}
#contactame1{width:100%;margin-right:0px; text-align:center; margin-bottom: 30px;}
#contactame2{width:100%;margin-right:0px; text-align:center;}     
     
.enfatizar,.enfatiza,.listos,.listo{ text-align: center; }
     
#lasimas1,#lasimas2,#lasimas3{height:600px; }    
     
#quenos{width:733px;vertical-align:middle; text-align:center;}
#quenos0{text-align:center;}     
#quenos1{width:337px; text-align:center;} 
 .infotexto2{width: 80%; text-align:center;}    
     
.infotexto{ text-align: center;}  
#lori{width:90%;}
#lori1{width:100%;margin-right:0px; text-align:center;}
#lori2{width:100%;margin-right:0px;text-align:center;  margin-top:20px;}
#lori3,#lori4,#lori5{text-align:center; }
#lori3{ margin-top: 70px;}     
     
#abas1{width:50%;margin-right:-4px; text-align:left;}
#abas2{width:50%;margin-right:-4px; text-align:right; margin-bottom: 25px;}
#abas3{ display: none;}    
 }


@media screen and (max-width:920px)
 { 
#lasimas{width:100%;vertical-align:middle; text-align:center;}
#lasimas1,#lasimas2,#lasimas3{width:100%;height:500px;margin-right:0px;}
}


@media screen and (max-width:753px)
 { 
#lasimas1,#lasimas2,#lasimas3{height:450px;}       
     
#lasolucion2{height:550px;}     
     
#quenos{width:90%;}
#quenos1{width:100%; max-width: 337px; height: 200px; border: 2px solid #ff6600; border-radius:25px; margin-right:0px; text-align:center; position: relative; margin-bottom: 50px;}
#quenos2,#quenos3,#quenos4{ display: none;}

}


@media screen and (max-width:620px)
 {
#lasimas1,#lasimas2,#lasimas3{height:400px;}     
     
.texto9,.texto10{font-size:55px; }     
#lasolucion1{height:500px;}
#lasolucion2{height:400px;} 
  
     
#abas1{ margin-bottom: 15px;}
#abas1,#abas2{width:100%;margin-right:0px; text-align:center;}

 }

.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);}
}


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


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


#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -20px;;
  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: #03b060;
  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(3,176,96,0.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: fadeInUp .8s ease forwards;
  -moz-animation: fadeInUp .8s ease forwards;
          animation: fadeInUp .8s 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 nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  text-align: center;
  margin-right:0px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 70px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 40px;
  opacity:1;  line-height:120%;font-family: 'helveticaneue';
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;font-size: 40px;
  opacity:.5;-webkit-transition: .25s;
  transition: .25s;
}
.overlay ul li a:after {
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

@-webkit-keyframes fadeInRight {
   0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
 0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


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

#arriba{width:90%;vertical-align:middle; text-align:left; }
#arriba2{width:100%;margin-right:0px;  text-align:left;}
#arriba1,#arriba3,#arriba4{display:none;}

#menumovil{ z-index:9999;position: absolute;top: 70px;
  right: 5%;
  height: 27px;
  width: 35px; display:block;}

}



/* Underline From Left */
.menuno {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  text-decoration:none;color:#232425; font-size:20px; line-height:200%;font-family: 'helveticaneue';
}
.menuno:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #232425;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.menuno:hover:before, .menuno:focus:before, .menuno:active:before {
  right: 0;
}


:root{
      --losbeneficios-bg: #dfffef;
      --losbeneficios-accent: #01b462;
      --losbeneficios-text: #1c1d1f;
      --losbeneficios-muted: #1c1d1f;
      --losbeneficios-maxw: 1600px;
    }

    .losbeneficios-wrapper{
      background:var(--losbeneficios-bg);
      color:var(--losbeneficios-text);
      max-width:var(--losbeneficios-maxw);
      margin:0 auto;
      padding:40px 16px 60px;
      position:relative;
    }

    .losbeneficios-titulo{
      text-align:center;
      font-weight:700;
      font-size:64px;
      margin:0 0 60px;
    }

    .losbeneficios-contenedor{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      position:relative;
      gap:20px;
    }

    .losbeneficios-item{
      flex:1 1 0;
      text-align:center;
      position:relative;
    }

    .losbeneficios-numero{
      width:76px;
      height:76px;
      border:4px solid var(--losbeneficios-accent);
      border-radius:50%;
      color:var(--losbeneficios-accent);
      font-weight:700;
      font-size:28px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0 auto 24px;
      background:var(--losbeneficios-bg);
      position:relative;
      z-index:2;
    }

    .losbeneficios-item:not(:last-child)::after{
      content:"";
      position:absolute;
      top:38px; /* centrada con el círculo */
      left:calc(50% + 38px + 25px); /* margen de 25px desde el borde derecho del círculo */
      width:calc(100% - 76px - 50px); /* 25px margen en ambos extremos */
      height:4px;
      background:var(--losbeneficios-accent);
      z-index:1;
    }

    .losbeneficios-item:last-child::after{
      display:none;
    }

    .losbeneficios-item h3{
      font-size:18px;
      font-weight:700;
      margin-bottom:10px;
    }

    .losbeneficios-item p{
      font-size:16px;
      color:var(--losbeneficios-muted);
      line-height:1.6;
      max-width:280px;
      margin:0 auto;
    }

    @media (max-width:1100px){
      .losbeneficios-titulo{font-size:48px;margin-bottom:40px;}
    }

    @media (max-width:1000px){
      .losbeneficios-contenedor{flex-direction:column;align-items:center;}
      .losbeneficios-item::after{display:none;}
      .losbeneficios-numero{margin-bottom:14px;}
      .losbeneficios-item{padding-bottom:32px;}
    }

    @media (min-width:1600px){
      .losbeneficios-titulo{font-size:84px;}
    }



.cell5{animation: bop 4s infinite linear;}

 @keyframes bop {
            0% { 
                transform:  scale(1) rotate(0deg); 
            }
             50% { 
                transform:  scale(.9) rotate(-2deg) ; 
            }
            100% { 
                transform:  scale(1) rotate(0deg); 
            }
        }