@font-face {
	font-family: 'helveticaroman';
	src: url("helveticaroman.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'helveticaneue';
	src: url("helveticaneue.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'helveticaneuebold';
	src: url("helveticaneuebold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}


@font-face {
	font-family: 'helveticaneuemedium';
	src: url("helveticaneuemedium.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'helveticaneueheavy';
	src: url("helveticaneueheavy.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}



html,body{
width:100%;
	height:100%;
font-family: 'helveticaroman';
  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;}


#home{background:url(../imagenes/home.jpg)  no-repeat center 0;background-size:cover; width:100%; height:1400px; 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;}   

#proyes{ width:100%; background-color:#f4f4f4;}
#slidehome{ width:100%; height:880px;  top:0; left:0;}

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


.texto1{ color:#00b863; font-size:75px; line-height: 100%; }
.texto2{ color:#1c1d1f; font-size:75px; line-height: 100%; }
.texto3{ color:#1c1d1f; font-size:19px;  line-height: 150%; text-decoration:none; }
.texto3a{ color:#1c1d1f; font-size:19px;  line-height: 150%; text-decoration:none; font-family: 'helveticaneue'; }
.texto4{ color:#1c1d1f; font-size:23px;  line-height: 150%; text-decoration:none; }
.texto5{ color:#00b253; font-size:26px;  line-height: 150%; text-decoration:none; font-family: 'helveticaneue'; }
.texto6{ color:#1c1d1f; font-size:26px;  line-height: 110%; text-decoration:none; font-family: 'helveticaneue'; }
.texto6a{ color:#1c1d1f; font-size:26px;  line-height: 110%; text-decoration:none;  }
.texto7{ color:#1c1d1f; font-size:20px;  line-height: 150%; text-decoration:none;  }
.texto7a{ color:#1c1d1f; font-size:15px;  line-height: 150%; text-decoration:none;  }
.texto8{ color:#a3aeba; font-size:19px;  line-height: 150%; text-decoration:none; font-family: 'helveticaneue';}
.texto9{ color:#00b253; font-size:15px;  line-height: 150%; text-decoration:none; font-family: 'helveticaneue'; }
.texto10{ color:#1c1d1f; font-size:15px;  line-height: 150%; text-decoration:none;  }
.texto11{ color:#FFFFFF; font-size:75px; line-height: 100%; }
.texto12{ color:#FFFFFF; font-size:27px;  line-height: 150%; text-decoration:none; }
.texto13{ color:#00b863; font-size:50px; line-height: 100%; }
.texto14{ color:#FFFFFF; font-size:50px; line-height: 100%; }
.texto15{ color:#FFFFFF; font-size:24px;  line-height: 150%; text-decoration:none; font-family: 'helveticaneue';}
.texto16{ color:#FFFFFF; font-size:17px; line-height: 100%; text-decoration: underline; }
.texto17{ color:#FFFFFF; font-size:17px; line-height: 100%; }


#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: center; width: 90%; max-width: 560px; margin-top: 200px;}
.infotextoa{ display: inline-block; text-align: center; width: 90%; max-width: 560px; }
.infotextoa2{ display: inline-block; text-align: center; width: 90%; max-width: 700px; }


#beneficios{ background-color: #dfffef; text-align: center; width: 100%;}

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

#natura, #natura1,#natura2,#natura3,#natura0,#natura00{display:inline-block;vertical-align:top;}
#natura{width:1600px;vertical-align:middle; text-align:center;}
#natura1{width:300px;margin-right:-4px; text-align:left;}
#natura2{width:480px;margin-right:-4px;text-align:center;}
#natura3{width:300px;margin-right:-4px;text-align:right;}
#natura0{width:260px;margin-right:-4px;text-align:center;  margin-top:70px;}
#natura00{width:260px;margin-right:-4px;text-align:center;  margin-top:70px;}

.infotexto2{ display: inline-block; text-align: center; width: 100%;}


#bioxter{ width: 100%; text-align: center; background-color:#dfffee;}

#bio, #bio1,#bio2,#bio3,#bio0,#bio00{display:inline-block;vertical-align:top;}
#bio{width:1600px;vertical-align:middle; text-align:center; margin-top: -65px; padding-bottom: 250px;}
#bio1{width:320px;margin-right:-4px; text-align:left;}
#bio2{width:320px;margin-right:-4px;text-align:center;}
#bio3{width:320px;margin-right:-4px;text-align:right;}
#bio0{width:320px;margin-right:-4px;text-align:center;}
#bio00{width:320px;margin-right:-4px;text-align:center; }


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

#lasmarcas, #lasmarcas1,#lasmarcas0,#lasmarcas00,#lasmarcas000,#lasmarcas0000{display:inline-block;vertical-align:top;}
#lasmarcas{width:1600px;vertical-align:middle; text-align:center; margin-top: -190px; }
#lasmarcas1{width:280px;margin-right:-4px; text-align:left; padding-bottom: 30px;}
#lasmarcas0{width:50px;margin-right:-4px;text-align:center; margin-top: 395px;}
#lasmarcas00{width:50px;margin-right:-4px;text-align:center; margin-top: 395px; }
#lasmarcas000{width:50px;margin-right:-4px;text-align:center; margin-top: 395px; }
#lasmarcas0000{width:50px;margin-right:-4px;text-align:center; margin-top: 395px; }

.invi{ width: 100%; height: 95px;}
.invi2{ width: 100%; height: 7px;}
.invi3{ width: 100%; height: 200px;}
.invi4{ width: 100%; height: 79px;}



.losinvi1{ width: 100%; height: 202px;}
.losinvi2{ width: 100%; height: 224px;}
.losinvi3{ width: 100%; height: 155px;}
.losinvi4{ width: 100%; height: 257px;}
.losinvi5{ width: 100%; height: 39px;}


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


#naturaa, #naturaa1,#naturaa2,#naturaa3,#naturaa0,#naturaa00{display:inline-block;vertical-align:top;}
#naturaa{width:1600px;vertical-align:middle; text-align:center;}
#naturaa1{width:450px;margin-right:-4px; text-align:left;}
#naturaa2{width:450px;margin-right:-4px;text-align:center;}
#naturaa3{width:450px;margin-right:-4px;text-align:right;}
#naturaa0{width:125px;margin-right:-4px;text-align:center;  margin-top:70px;}
#naturaa00{width:125px;margin-right:-4px;text-align:center;  margin-top:70px;}

.lali{ width: 100%; height: 1px; background-color: #FFFFFF;}


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

.lali2{ width: 100%; height: 1px; background-color: #00b253;}


#losbotones, #losbotones1,#losbotones2,#losbotones3,#losbotones0,#losbotones00{display:inline-block;vertical-align:top;}
#losbotones{width:750px;vertical-align:middle; text-align:center;}
#losbotones1{width:375px;margin-right:-4px; text-align:left;}
#losbotones2{width:375px;margin-right:-4px;text-align:right;}

.pregunta{ width: 90%; max-width: 1600px; text-align: left; display: inline-block; padding-top: 24px; padding-bottom: 24px;}


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

.lali3{ width: 100%; height: 1px; background-color: #c6c6c7;}


#acompana{ background-color: #dfffef; text-align: center; width: 100%;}




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

#abajo, #abajo1, #abajo2, #abajo3, #abajo4,#abajo0,#abajo00,#abajo000{display:inline-block;vertical-align:top;}
#abajo{width:1600px; vertical-align:middle; text-align:center;}
#abajo1{width:250px;margin-right:-4px; text-align:left;}
#abajo2{width:250px;margin-right:-4px; text-align:center;}
#abajo3{width:250px;margin-right:-4px; text-align:center;}
#abajo4{width:250px;margin-right:-4px; text-align:right;}
#abajo0{width:200px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo00{width:200px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo000{width:200px;margin-right:-4px;text-align:center; margin-top: 8px;}


#abas, #abas1, #abas2, #abas3{display:inline-block;vertical-align:top;}
#abas{width:1600px; 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;}

.lalis{ display: block;}

@media screen and (max-width:1620px)
 {
#abajo{width:1400px; vertical-align:middle; text-align:center;}
#abajo0{width:133px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo00{width:133px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo000{width:133px;margin-right:-4px;text-align:center; margin-top: 8px;}


#abas{width:1400px; vertical-align:middle; text-align:center;}

     
#naturaa{width:1400px;vertical-align:middle; text-align:center;}
#naturaa1{width:400px;margin-right:-4px; text-align:left;}
#naturaa2{width:400px;margin-right:-4px;text-align:center;}
#naturaa3{width:400px;margin-right:-4px;text-align:right;}
#naturaa0{width:100px;margin-right:-4px;text-align:center; }
#naturaa00{width:100px;margin-right:-4px;text-align:center; }
     
#lasmarcas{width:1400px;vertical-align:middle; text-align:center; margin-top: -190px; }
#lasmarcas1{width:250px;margin-right:-4px; text-align:left; padding-bottom: 30px;}
#lasmarcas0{width:37px;margin-right:-4px;text-align:center; margin-top: 395px;}
#lasmarcas00{width:37px;margin-right:-4px;text-align:center; margin-top: 395px; }
#lasmarcas000{width:38px;margin-right:-4px;text-align:center; margin-top: 395px; }
#lasmarcas0000{width:38px;margin-right:-4px;text-align:center; margin-top: 395px; }

.losinvi1{ width: 100%; height: 235px;}
.losinvi2{ width: 100%; height: 237px;}
.losinvi3{ width: 100%; height: 169px;}
.losinvi4{ width: 100%; height: 272px;}
.losinvi5{ width: 100%; height: 30px;}  
     
     
#bio{width:1400px;}
#bio0{width:220px;}
#bio00{width:220px; }     
     
#natura{width:1400px;}
#natura0{width:160px;}
#natura00{width:160px;}
}


@media screen and (max-width:1420px)
 {
.lalis{ display: none;}
     
#lasmarcas{width:940px;vertical-align:middle; text-align:left; margin-top: -190px; }
#lasmarcas1{width:280px;margin-right:-4px; text-align:left; padding-bottom: 60px;}
#lasmarcas0{width:50px;margin-right:-4px;text-align:center; margin-top: 395px;}
#lasmarcas00{width:50px;margin-right:-4px;text-align:center; margin-top: 395px; }
#lasmarcas000{ display: none;}
#lasmarcas0000{width:50px;margin-right:-4px;text-align:center; margin-top: 395px; }

.losinvi1{ width: 100%; height: 102px;}
.losinvi2{ width: 100%; height: 124px;}
.losinvi3{ width: 100%; height: 55px;}
.losinvi4{ width: 100%; height: 257px;}
.losinvi5{ width: 100%; height: 39px;}     
     
     
     
#abajo{width:1200px; vertical-align:middle; text-align:center;}
#abajo0{width:66px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo00{width:66px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo000{width:66px;margin-right:-4px;text-align:center; margin-top: 8px;}


#abas{width:1200px; vertical-align:middle; text-align:center;}
    
     
#naturaa{width:1200px;vertical-align:middle; text-align:center;}
#naturaa1{width:350px;margin-right:-4px; text-align:left;}
#naturaa2{width:350px;margin-right:-4px;text-align:center;}
#naturaa3{width:350px;margin-right:-4px;text-align:right;}
#naturaa0{width:75px;margin-right:-4px;text-align:center; }
#naturaa00{width:75px;margin-right:-4px;text-align:center; }     
     
#bio{width:1200px;}
#bio0{width:120px;}
#bio00{width:120px; }      
     
#natura{width:1200px;}
#natura2{width:400px;}
#natura0{width:100px;}
#natura00{width:100px;}
     
     
#arriba{width:1200px;}
#arriba1{width:200px;}
#arriba2{width:400px;}
#arriba3{width:200px;}
#arriba4{width:200px;}
     
 }

@media screen and (max-width:1220px)
 {
#abajo{width:1000px; vertical-align:middle; text-align:center;}
#abajo1{width:210px;margin-right:-4px; text-align:left;}
#abajo2{width:230px;margin-right:-4px; text-align:center;}
#abajo3{width:180px;margin-right:-4px; text-align:center;}
#abajo4{width:190px;margin-right:-4px; text-align:right;}
#abajo0{width:63px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo00{width:63px;margin-right:-4px;text-align:center; margin-top: 8px;}
#abajo000{width:63px;margin-right:-4px;text-align:center; margin-top: 8px;}


#abas{width:1000px; vertical-align:middle; text-align:center;}
 
     
     
#naturaa{width:1000px;vertical-align:middle; text-align:center;}
#naturaa1{width:300px;margin-right:-4px; text-align:left;}
#naturaa2{width:300px;margin-right:-4px;text-align:center;}
#naturaa3{width:300px;margin-right:-4px;text-align:right;}
#naturaa0{width:50px;margin-right:-4px;text-align:center; }
#naturaa00{width:50px;margin-right:-4px;text-align:center; }     
        
   
     
#bio{width:1100px;}
#bio0{width:70px;}
#bio00{width:70px; }       
     
#natura{width:1100px;}
#natura0{width:50px;}
#natura00{width:50px;}  
     
     
#arriba{width:1000px;vertical-align:middle; text-align:center;}
#arriba2{width:200px;}
 }


@media screen and (max-width:1120px)
 {
#separador1{background:url("../imagenes/separador.jpg")  no-repeat center center ;background-size:cover; width:100%; height:400px; }
   
     
#bio{width: 90%; margin-top: -65px; padding-bottom: 250px;}
#bio1{width:100%;margin-right:0px; text-align:left; margin-bottom: 80px;}
#bio2{width:100%;margin-right:0px;text-align:center; margin-bottom: 80px;}
#bio3{width:100%;margin-right:0px;text-align:right; margin-bottom: 80px;}
#bio0{display: none;}
#bio00{display: none; }     
     
#natura{ width: 90%;}
#natura0,#natura00{ display: none;}
#natura1{width:100%;margin-right:0px; text-align:center; margin-bottom: 100px;}
#natura2{width:100%;margin-right:0px;text-align:center; margin-bottom: 100px;}
#natura3{width:100%;margin-right:0px;text-align:center; margin-bottom: 20px;}
}


@media screen and (max-width:1020px)
 {
#abajo{width:90%; vertical-align:middle; text-align:center;}
#abajo1,#abajo2,#abajo3,#abajo4,#abajo0,#abajo00,#abajo000{width:100%;margin-right:0px; text-align:center;}

#abas{width:90%; vertical-align:middle; text-align:center;}
   
     
#naturaa{width:90%;vertical-align:middle; text-align:center;}
#naturaa1{width:100%;margin-right:0px; text-align:center; padding-bottom: 30px;}
#naturaa2{width:100%;margin-right:0px;text-align:center; padding-bottom: 30px;}
#naturaa3{width:100%;margin-right:0px;text-align:center; padding-bottom: 30px;}
#naturaa0, #naturaa00{ display: none; }
}


@media screen and (max-width:940px)
 {
#lasmarcas{width:90%; max-width: 400px; vertical-align:middle; text-align:left; margin-top: -190px; }
#lasmarcas1{width:100%;margin-right:0px; text-align:left; padding-bottom: 60px;}
#lasmarcas0,#lasmarcas00,#lasmarcas000,#lasmarcas0000{ display: none;}


.losinvi1,.losinvi2,.losinvi3,.losinvi4,.losinvi5{ width: 100%; height: 35px;}

}


@media screen and (max-width:800px)
 {
#losbotones{width:375px;vertical-align:middle; text-align:center;}
#losbotones1{width:375px;margin-right:0px; text-align:center; padding-bottom: 30px;}
#losbotones2{width:375px;margin-right:0px;text-align:center;}     
     
      
     
.invi,.invi3,.invi4{ width: 100%; height: 30px;}
     
}

@media screen and (max-width:620px)
 {
.texto1,.texto2,.texto11{font-size:65px; }
}


@media screen and (max-width:520px)
 {
#separador1{height:300px; }     
     
.texto1,.texto2,.texto11{font-size:55px; }
}


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



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