*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
.contenedormenu{
  background: var(--blanco);
  position: fixed;
  width: 100%;
  font-family:Poppins;z-index:100000;
}

.contenedormenu nav{
  position: relative;
  display: flex;
  max-width: calc(100% - 200px);
  margin: 0 auto;
  height:65px; /*100px;*/
  max-width:1300px;
  align-items: center;
  justify-content: space-between;
}
nav .contenido{
  display: flex;
  align-items: center;
}
nav .contenido .enlaces{
  margin-left: 130px;
  display: flex;
}
.contenido .logo a img{
  width_:130px;
}
.contenido .enlaces li{
  list-style: none;
  line-height: 65px; /*100px;*/
}
.contenido .enlaces li a,
.contenido .enlaces li label{
  color:var(--negro);
  font-size: 13px;
  font-weight: 300;
  padding:70px 14px;
  transition: all 0.3s ease;letter-spacing:1px;
}
.limen{height:70px;padding-left:10px;padding-right:10px;padding-top:-5px;height:80px;margin-top:1px;}
.contenido .enlaces li li a{padding:5px 20px;}
.contenido .enlaces li label{
  display: none;
}
.contenido .enlaces li a:hover{color:var(--verde);transition:all ease .3s;}
.contenido .enlaces li label:hover{ color:var(--verde);transition:all ease .3s;}
.contenedormenu .icono_busqueda{
  color:var(--negro);
  font-size: 18px;
  cursor: pointer;
  line-height: 65px;/*100px;*/
  width:50px;overflow:hidden;
  max-height: 65px;
  text-align: center;
}
.contenedormenu .menu-icon{
  color:var(--negro);
  font-size: 18px;
  cursor: pointer;
  line-height:65px; /*100px;*/
  width:100%;max-width:70px;overflow:hidden;background-color:var(--blanco);
  max-height: 65px;
  text-align: center;
}

.contenedormenu .menu-icon{margin-top_:-37px;font-size:25px;margin-left:-0px;}
.contenedormenu .menu-icon{ display: none;}
.contenedormenu #show-search:checked ~ .icono_busqueda::before{
content: "\2715";position:absolute;width:35px;margin-top:-9px/*-38px*/;margin-left:-10px;
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 85%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 85%);
background: linear-gradient(180deg, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.contenedormenu .caja_buscador{
  position: absolute;
  height: 70%;
  max-width: calc(100% - 80px);
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.contenedormenu #show-search:checked ~ .caja_buscador{ opacity: 1; pointer-events: auto; }
.caja_buscador input{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 17px;
  text-align:center;
  color:var(--negro);
  background: var(--grismasclaro);
  padding: 0 70px 0 15px;
}
.caja_buscador input::placeholder{
  color:var(--gris);
}
.caja_buscador .buscar{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 60px;
  width: 100px;
  background: var(--grismasclaro);
  border: none;
  outline: none;
  color: var(--negro);
  font-size: 20px;
  cursor: pointer;
}
.contenedormenu input[type="checkbox"]{  display: none;}
.contenido .enlaces ul{
  position: absolute;
  background: var(--blanco);
  top_: 80px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.contenido .enlaces li:hover > ul{top_: 100px;opacity: 1;visibility: visible;transition: all 0.3s ease;}
.contenido .enlaces ul li a{display: block;width: 100%;line-height: 30px;border-radius: 0px!important;}
.contenido .enlaces ul ul{position: absolute;top: 0;right: calc(-110% + 8px);}
.contenido .enlaces ul li{  position: relative;}
.contenido .enlaces ul li:hover ul{ top: 0;}
.carritomenu{color:var(--negro);position:absolute;right:6.2%;top:20px;38px;font-size:20px;}
.carritomenuresponsive{display:none;}
.espaciadomenu{width:100%;height:65px;/*100px;*/ }
/*estilos para scrool para menu*/
.scroll-active{height:70px;transition:all ease .3s;box-shadow:0px 1px 5px var(--grisclaro);}
.scroll-active .contenedormenu nav{height:65px;}
.scroll-active .contenido .enlaces li{margin-top_:-30px;}
.scroll-active .contenido .enlaces li ul li{margin-top:0px;}
.scroll-active .contenido .enlaces ul ul{margin-top_:-70px;}
.scroll-active nav .contenido .enlaces{top:69.5px;}
.scroll-active label.menu-icon{margin-top_:-52px;}
.scroll-active .contenido .enlaces li:hover > ul{top:10px; 65px;}
.scroll-active .caja_buscador{height: 50%;margin-top:-28px;}
.scroll-active .caja_buscador input{margin-top:-0px;max-height:69px}
.scroll-active .contenido .logo a img{margin-top_:-30px;}
.scroll-active .icono_busqueda{margin-top_:-30px;}
.scroll-active .buscar{margin-top:-0px;}
.scroll-active .contenedormenu .menu-icon{margin-top_:-20px;}
.scroll-active .carritomenu{margin-top_:-15px;}
/*FIn de estilos para scrool para menu*/
/*Flecha Abajo*/
#voltearicono{transform:rotate(90deg);position:absolute;margin-left:10px;}
.activemenuinformativo{margin-top:-7px;}
.activemenuinformativo .toggle-btn{margin-top:-7px;}
/*Botón de WhatsApp*/
.botonwhatsApp{position:absolute;width:60px;height:60px;border-radius:50%;background-color:var(--verde);right:20px;bottom:30px;z-index:5;position:fixed;
font-size:40px;padding-left:12px;padding-top:10px;}
.botonwhatsApp:hover{background-color:var(--verde2);transition: all ease .3s;cursor:pointer;}
.botonwhatsApp a{color:var(--blanco);}
/*Fin de botón de WhatsApp*/
/*Menu*/
@media screen and (max-width: 1200px){
  .otrosenlaces{font-size:10px;}
  .limen{display:none;}
  .moved{margin-left:0px;}
  .carritomenu{display:none;}
  .carritomenuresponsive{display:block;position:absolute;right:8%;}
  /*Control del li al hacer scroll*/
  .scroll-active .contenido .enlaces li{margin-top:0px;}
  .scroll-active .carritomenuresponsive{margin-top_:-25px;}
  .contenido .enlaces li a:hover{background-color:var(--verde);color:var(--blanco);transition:all ease .3s;}
  .contenido .enlaces li label:hover{
    background-color:var(--verde);color:var(--blanco);transition:all ease .3s;}
  .contenedormenu .menu-icon{ display: block; }
  .contenedormenu #mostrar_menu:checked ~ .menu-icon::before{
    content: "\2715";position:absolute;
    background-color: rgb(255,255,255);
    background-color: -moz-linear-gradient(180deg, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 85%);
    background-color: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 85%);
    background-color: linear-gradient(180deg, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  }
  nav .contenido .enlaces{
    display: block;
    position: fixed;
    background: var(--blanco);
    height_: 100%;
    width:75%;
    top: 65px;
    left: -100%;
    margin-left: 0;
    max-width: 350px;
    overflow-y: auto;
    padding-bottom: 100px;
    transition: all 0.3s ease;
  }
  nav #mostrar_menu:checked ~ .contenido .enlaces{left: 0%;}
 .contenido .enlaces li{margin: 15px 20px;}
  .contenido .enlaces li a,
  .contenido .enlaces li label{
    line-height: 40px;
    font-size: 15px;
    display: block;
    padding: 8px 5px;
    cursor: pointer;
  }
  .contenido .enlaces li a.otrosenlaces{ display: none;}
  .contenido .enlaces ul,
  .contenido .enlaces ul ul{
    position: static;
    opacity: 1;
    visibility: visible;
    background: none;
    max-height: 0px;
    overflow: hidden;
  }
  .contenido .enlaces #mostrarmas1:checked ~ ul,
  .contenido .enlaces #mostrarmas2:checked ~ ul,
  .contenido .enlaces #mostrarmas3:checked ~ ul{
    max-height: 100vh;
  }
  .contenido .enlaces ul li{
    margin: 7px 20px;
  }
  .contenido .enlaces ul li a{
    font-size: 12px;
    line-height: 30px;
  }
  .scroll-active .contenido .enlaces ul ul{margin-top:0px;}
}
@media screen and (max-width: 1010px){
  .carritomenuresponsive{right:10%;}
}
@media screen and (max-width: 800px){
  .carritomenuresponsive{right:11%;}
}
@media screen and (max-width: 710px){
  .carritomenuresponsive{right:12%;}
}
@media screen and (max-width: 660px){
  .carritomenuresponsive{right:13%;}
}
@media screen and (max-width: 662px){
  .carritomenuresponsive{right:14%;}
}
@media screen and (max-width: 580px){
  .carritomenuresponsive{right:15.5%;}
}
@media screen and (max-width:495px){
  .carritomenuresponsive{right:18%;}
}
@media screen and (max-width:451px){
  .carritomenuresponsive{right:20%;}
}
/*Menu*/
@media screen and (max-width: 400px){
.espaciadomenu{height:50px;}
.espaciadomenu{width:100%;height:50px;}
.contenedormenu{height:50px;border:none;box-shadow:0px 1px 5px var(--grisclaro);transition:all ease .3s;}
.contenido .enlaces li{margin-top:0px;}
.contenido .enlaces li ul li{margin-top:0px;}
.contenido .enlaces ul ul{margin-top:0px;}
nav .contenido .enlaces{top:10;50px;}
label.menu-icon{margin-top:-0px;}
.contenido .enlaces li:hover > ul{top:10px; 49px;}
.caja_buscador input{margin-top:0px;max-height:69px}
.contenido .logo a img{margin-top:0px;margin-left:-20px;}
.icono_busqueda{margin-top:0px;}
.buscar{margin-top_:-10px;}
.contenedormenu .menu-icon{margin-top_:-30px;}
/*Control de scroll para celular*/
.scroll-active .contenido .enlaces{margin-top:-20px;}
.scroll-active .contenido .enlaces li{margin-top:0px;}
.scroll-active .contenido .enlaces li ul li{margin-top:0px;}
.scroll-active .contenido .enlaces ul ul{margin-top:0px;}
.scroll-active nav .contenido .enlaces{top:69.5px;}
.scroll-active label.menu-icon{margin-top_:-30px;}
.scroll-active .contenido .enlaces li:hover > ul{top:10px; 49px;}
.scroll-active .contenido .logo a img{margin-top:0px;}
.scroll-active .icono_busqueda{margin-top:0px;}
/*Fin de Control de scroll para celular*/
.contenedormenu nav{padding: 0 10px; height:50px;}
.contenido .logo a{font-size:20px;}
.contenedormenu .caja_buscador{max-width: calc(100% - 80px);}
.contenedormenu .caja_buscador .buscar{width: 30px;right: 0;height:30px;margin-top:0px;}
.contenedormenu .caja_buscador input{padding-right: 30px;}
.scroll-active .carritomenuresponsive{margin-top:-0px;}
.scroll-active .caja_buscador{
  height:70%;margin-top:-0px;
}
.scroll-active .caja_buscador input{margin-top:-0px;max-height:69px}
}
@media screen and (max-width:350px){
  .carritomenuresponsive{right:21%;}
}