@media (max-width: 768px) {
    #op-list2 {
        display: none;
    }
    
}

body{
  font-family: 'Poppins', sans-serif !important;
}
.row{
  margin-right: 0px;
    margin-left: 0px;
}

.carousel-indicators li{
  border: 1px solid #5f5f5f;
  background-color: #eee;
}



  .form-control {
    min-height: 41px;
    background: #f2f2f2;
    box-shadow: none !important;
    border: transparent;
  }
  .form-control:focus {
    background: #e2e2e2;
  }
  .form-control, .btn {        
        border-radius: 2px;
    }
  .login-form {
    width: 350px;
    margin: 30px auto;
    text-align: center;
  }
  .login-form h2 {
        margin: 10px 0 25px;
    }
    .login-form form {
    color: #7a7a7a;
    border-radius: 3px;
      margin-bottom: 15px;
        background: #ddd;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding-bottom:30px;
        padding-left:30px;
        padding-right:30px;
    }
    .login-form .btn {        
        font-size: 16px;
        font-weight: bold;
    background: #3598dc;
    border: none;
        outline: none !important;
    }
  .login-form .btn:hover, .login-form .btn:focus {
    background: #2389cd;
  }
  .login-form a {
    color: #fff;
    text-decoration: underline;
  }
  .login-form a:hover {
    text-decoration: none;
  }
  .login-form form a {
    color: #7a7a7a;
    text-decoration: none;
  }
  .login-form form a:hover {
    text-decoration: underline;
  }




#ventaLinea{
  display: none;
}

#herramientasVenta{
  display: none;
}

#herramientasDiseno{
  display: none;
}

.listaOpciones{
  z-index: 100;
  position: fixed;
  top: 140px;
}

#headerMenu {
  z-index: 1000;
  position: fixed;
  top: 0px;
}

#menuDe {
  width: 100%;
  position: fixed;
  top: 0px;
  display: none;
  z-index: 1000;
  background-color: #619fd9;
  padding-top: 5px;
  padding-bottom: 5px

}


#myNavbar ul li a{
color:white;
font-family: 'Roboto-condensed';
font-size: 18px;
}
#myNavbar ul li a:hover{
background-color: white;
color: #619fd9;
font-family: 'Roboto-condensed';
font-size: 18px;
}

.navbar-header button{
  background-color: white;
  color: #619fd9;
}

.navbar-header button:hover{
  background-color: #619fd9;
  color: white;
}





/*-----responsivo----*/
@media (max-width: 768px) {

.headerCarrito {
  display: none;
}
    .marcoPos {
        margin-top: 60px;
    }

    .bread {
        font-size: 11px;
    }

    .tituloCat {
        font-size: 20px;
    }

    #headerMenu {
        display: none;
    }
    #menuSub {
        display: none;
    }

    #menuDe {
        display: block;
    }
    .titulosCarrito {
        display: none;
    }

  #btnWhats{
  top: 300px;
  
}
  #btnSubir{
  top: 350px;
  
} 
    
}






/*-----responsivo----*/
@media (max-width: 768px) {

  #btnWhats{
  top: 300px;
}
  #btnSubir{
  top: 350px;
}
    
    
}


/*--------nuevo menu-----*/



@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-Regular.ttf");
}

@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("fonts/Poppins/Poppins-Bold.ttf");
}
#menuS {
  width: 100%;
  background-color: #ffffff;
  font-family: 'Raleway';
  color: #000000;
  margin: 0px;
}

#logoMenu {
  width: 16em;
}


#menuS>.col-sm-4 {

  display: flex;
  align-items: center;
  justify-content: center;

}



.iconoSesion {
  font-weight: 600;
  color: #303A47;
  font-size: 18px;
  font-family: 'Poppins';


}



/* Crear una clase personalizada para simular 1/7 de fila en Bootstrap 3 */
.col-xs-1-7 {
  width: 14.285714%; /* 100 / 7 */
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* Tu estilo original con mejoras */
#menuI {
  width: 100%;
  background-color: #F3F4F6;
  font-family: 'Poppins-Bold';
  color: #000000;
  margin: 0;
}

#menuI .col-xs-1-7 {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-left: 1px solid #000000;
}

#menuI .col-xs-1-7:first-child {
  border-left: none;
}

#menuI .col-xs-1-7 a {
  font-size: 16px;
  color: #3a4b66;
  text-decoration: none;
}


.menuEspaciado {
  width: 100%;
  background-color: #F3F4F6;
  font-family: 'Poppins';
  color: #000000;
  margin: 0px;
  height: 25px;
}



.contenido {
  height: 450px;
}

#footer {
  width: 100%;
  background-image: url('https://calendarioslen.com/images/footer/footer3.webp');
  background-size: cover;
  background-position: center;
  margin: 0px;
  padding: 0px;
}

#footer>.row>.col-sm-4 {
  height: 335px;

  text-align: center;
  background-color: #ffffff;
  opacity: 0.7;
  padding-top: 100px;


}

.textContacto {
  font-family: 'Poppins';
  color: #000000;
  font-weight: 600;
  font-size: 18px;
}

.textContacto>a {
  text-decoration: none;
  color: #000000;
}

.iconosContacto>a {
  border: 1px solid #ddd;
  border-radius: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 20px;
  color: #000000;
  margin-left: 5px;
  margin-right: 5px;
}

.textDerechos {
  font-family: 'Poppins';
  color: #000000;
  font-weight: 600;
  font-size: 14px;
}


.iconoMenu{
font-weight: 600;
  color: #303A47;
  font-size: 18px;
  font-family: 'Poppins';
  text-decoration: none;
color: #303A47;
margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
transition:  margin-top 0.5s;
}

.iconoMenu:hover{
/*  transform: perspective(150px) rotateX(360deg); */
margin-top: -10px;
}



/*---------Menu colapsado-----------------*/

#menuCollapse >.col-sm-4 {
height: 55px;
display: flex;
  align-items: center;
  justify-content: center; 
  background-color: #FFffff;
}
#menuCollapse >.col-sm-4 > a> img{
width: 8em;
}

#menuCollapse >.col-sm-4 >a> i{
font-size: 25px;
}


@media screen and (max-width: 800px) {
#menuS, #menuI{
display: none;
}

#footer>.col-sm-4 {
height: auto;

  text-align: center;
  background-color: #ffffff;
  opacity: 0.7;
  padding-top: 100px;
}
.textDerechos{
  margin: 0px;
}
}

@media screen and (min-width: 800px) {
#menuCollapse{
display: none;
}



}

.custom-radio {
  transform: scale(2);
  /* Cambia el tamaño */
  margin-right: 10px;

  /* Ajusta espacio si es necesario */
}

#mercadoPago, #facturar{
  margin-bottom: 20px;
}

#opcionesDeFacturacion{
  margin-top: 20px;
}
hr{
  margin:0px
}


/* ===== Menú horizontal centrado (versión flex) ===== */
.menu-len{
  display:flex;
  justify-content:center;      /* CENTRADO HORIZONTAL */
  align-items:center;          /* CENTRADO VERTICAL */
  gap:40px;                    /* separación entre opciones */
  padding:20px 10px;           /* PT=20px, PB=20px */
  background:#F3F4F6;
  font-family:'Poppins-Bold';
  font-weight:700;
  text-align:center;
}

/* Links del menú */
.menu-len a{
  text-decoration:none;
  color:#3a4b66;
  line-height:1.25;            /* ayuda con los <br> */
  white-space:normal;          /* permite el salto de línea */
  position:relative;           /* para el separador ::before */
  display:inline-block;
  padding:2px 0;
}

/* Separadores verticales entre items */
.menu-len a + a::before{
  content:'';
  position:absolute;
  left:-20px;                  /* centrado del separador respecto al gap */
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:18px;
  background:#cfd3d8;
}

/* ===== Responsivo ===== */
@media (max-width: 992px){
  .menu-len{
    flex-wrap:wrap;            /* las opciones bajan a otra línea si no caben */
    row-gap:18px;
    column-gap:28px;
  }
  .menu-len a + a::before{     /* quitamos separadores para que no estorben en wrap */
    display:none;
  }
}

@media (max-width: 600px){
  .menu-len{
    gap:22px;
    padding:16px 8px;          /* un poco más compacto en móvil */
    font-weight:700;
  }
  .menu-len a{
    font-size:15px;
  }
}



/*-----actulizacion----*/

/* ===== Ajustes sticky: logo a la izquierda y más alto ===== */
body.is-sticky #menuS{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1001;                /* encima del menú */
  height: 50px;                 /* barra compacta */
  border-bottom: 1px solid #e0e0e0;
  display: flex;                /* para alinear fácil */
  align-items: center;
}

/* Oculta las columnas 1 y 3, usa la central para el logo */
body.is-sticky #menuS > .col-sm-4:first-child,
body.is-sticky #menuS > .col-sm-4:last-child{
  display: none !important;
}

/* La columna CENTRAL se expande y alinea a la IZQUIERDA */
body.is-sticky #menuS > .col-sm-4:nth-child(2){
  width: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;   /* izquierda */
  padding-left: 20px;            /* separación del borde */
}



/* Menú principal fijo debajo, sin que se encime */
body.is-sticky #menuI{
  position: fixed;
  top: 50px;                     /* igual a la altura de #menuS */
  left: 0; right: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
}

/* Si usas .menu-len, compacta un poco en sticky */
body.is-sticky #menuI .menu-len{
  background: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Espaciador (no salte el contenido) */
#stickySpacer{ height: 0; transition: height .2s ease; }

/* En móvil no aplicar sticky (usas #menuCollapse) */
@media (max-width: 799px){
  body.is-sticky #menuS,
  body.is-sticky #menuI{
    position: static;
    top: auto;
  }
  #stickySpacer{ height: 0 !important; }
}


/*-----2 actulizacion----*/

/* === Alinear logo dentro de un container (no pegado a la izquierda) === */
body.is-sticky #menuS > .col-sm-4:nth-child(2){
  width: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;     /* Izquierda */
  padding-left: 5%;                /* Simula un container (ajusta a gusto: 4%-8%) */
}

/* Logo más proporcionado dentro del container */
body.is-sticky #logoMenu{
  width: 8em;
  margin-top: -4px;
  transition: width .2s ease, margin .2s ease, padding .2s ease;
}

/* === Agrandar tipografía del menú principal === */
#menuI .menu-len a,
#menuI a {
  font-size: 17px;   /* antes 16px */
}

@media (min-width: 1200px){
  #menuI .menu-len a,
  #menuI a {
    font-size: 17px; /* un poco más grande en pantallas grandes */
  }
}

@media (max-width: 900px){
  #menuI .menu-len a,
  #menuI a {
    font-size: 16px; /* más compacto en móvil */
  }
}


/*actualizacion de nuevo sitio*/
/* ====== TITULOS TIPO BANDA ====== */
.len-titlebar{
  border-radius: 14px;
  padding: 14px 18px;
  text-align:center;
  box-shadow: 0 10px 25px rgba(0,0,0,.07);
}
.len-titlebar-text{
  margin:0;
  font-weight: 800;
  letter-spacing: .5px;
  color:#fff;
}
.len-titlebar-blue{ background: linear-gradient(90deg, #83d0f5, #b9e8ff); }
.len-titlebar-pink{ background: linear-gradient(90deg, #d36aa1, #f2a7c6); }
.len-titlebar-cyan{ background: linear-gradient(90deg, #009bd6, #3fc1ef); }

.len-kicker{ color:#444; font-weight:600; margin:0; }
.len-softbg{ background: #fafafa; }

/* ====== HERO ====== */
.len-hero-img{ max-height: 620px; object-fit: cover; }
.len-hero-caption{
  background: rgba(0,0,0,.0);
  bottom: 18%;
}
.len-hero-title{
  font-weight:900;
  color:#f6c400;
  font-size: 3rem;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.len-hero-sub{
  font-weight:900;
  color:#fff;
  font-size: 2.6rem;
  line-height: 1.05;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.len-hero-mini{
  display:inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.25);
  color:#fff;
  font-weight:600;
}

/* ====== BANNERS PRODUCTOS ====== */
.len-cardlink{ text-decoration:none; }
.len-banner-card{
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  background:#fff;
}
.len-banner-img{
  display:block;
  height: 100%;
  object-fit: cover;
}

/* ====== PROMO CARDS ====== */
.len-promo-col{ min-width: 220px; }
.len-promo-card{
  border-radius: 18px;
  padding: 22px 16px 18px;
  text-align:center;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  background:#fff;
}
.len-promo-imgwrap{
  height: 160px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.len-promo-title{
  font-weight: 800;
  margin: 10px 0 12px;
}
.len-promo-btn{
  border-radius: 999px;
  padding: 8px 16px;
  font-weight: 700;
}

/* gradientes como tus tarjetas */
.len-grad-orange{ background: linear-gradient(180deg, #ffe7bf, #ffb56d); }
.len-grad-rose{ background: linear-gradient(180deg, #ffe1e1, #ff9f9f); }
.len-grad-purple{ background: linear-gradient(180deg, #f1d6ff, #c58be9); }
.len-grad-green{ background: linear-gradient(180deg, #dff5d8, #65c6b6); }
.len-grad-peach{ background: linear-gradient(180deg, #ffe5da, #ff9ea0); }

/* ====== TESTIMONIOS ====== */
.len-testi-card{
  border-radius: 18px;
  background: #f7f7f7;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  padding: 18px;
}
.len-testi-top{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom: 10px;
}
.len-testi-avatar{
  width: 90px;
  height: 90px;
  border-radius: 999px;
  object-fit: cover;
  border: 6px solid #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}
.len-testi-text{
  font-weight: 600;
  color:#333;
  margin: 10px 0 12px;
}
.len-testi-line{
  height: 2px;
  width: 60%;
  background: rgba(0,0,0,.12);
  margin: 10px 0;
}
.len-testi-name{
  font-weight: 800;
  color:#f08a24;
}
.len-testi-name span{ color:#666; font-weight:700; }

/* ====== CONTACTO ====== */
.len-contact-left{
  border-radius: 18px;
  padding: 22px;
  background: #fbf2e6;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}
.len-ribbon{
  display:inline-block;
  background: #ffd04a;
  color:#e2006a;
  font-weight: 900;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 1.6rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  margin-bottom: 14px;
}
.len-contact-title{
  font-weight: 800;
  color:#333;
  margin-bottom: 18px;
}
.len-contact-imgwrap{
/*   display:flex; */
  justify-content:flex-start;
  align-items:center;
  padding-top: 10px;
}
.len-contact-card{
  border-radius: 18px;
}
.len-btn-main{
  border-radius: 12px;
  font-weight: 800;
  padding: 12px 16px;
}


/*nuestros productos*/


/* Link limpio */
.len-cardlink{
  display: block;
  text-decoration: none;
}

/* Contenedor SIN borde ni sombra */
.len-banner-card{
  position: relative;
  overflow: hidden;     /* recorta el zoom */
  height: 100%;
  border-radius: 0;     /* contornos rectos */
  box-shadow: none;     /* ❌ sin sombra */
  background: transparent;
}

/* Imagen ocupa todo */
.len-banner-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .6s ease;
}

/* Hover: solo acercamiento */
.len-cardlink:hover .len-banner-img{
  transform: scale(1.08);
}

/*promocionales destacados*/
/* =========================
   PROMOCIONALES DESTACADOS
========================= */

/* Columna fija visual */
.len-promo-col{
  display: flex;
  justify-content: center;
}

/* Card uniforme */
.len-promo-card{
  width: 100%;
  max-width: 220px;        /* 🔒 mismo ancho para todos */
  height: 360px;           /* 🔒 mismo alto para todos */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  padding: 16px 14px;


  border-radius: 0;        /* ❌ sin bordes redondos */
  box-shadow: none;        /* ❌ sin sombra */
  text-align: center;
}

/* Contenedor de imagen */
.len-promo-imgwrap{
  width: 100%;
  height: 200px;           /* 🔒 altura fija imagen */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;        /* recorte limpio */
  margin-bottom: 12px;
}

/* Imagen ajustada sin encimarse */
.len-promo-imgwrap img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;     /* 🔥 clave: NO se enciman */
  display: block;
}

/* Título */
.len-promo-title{
  font-weight: 800;
  font-size: 0.95rem;
  line-height: 1.25;
  margin: 6px 0 10px;
  min-height: 38px;        /* 🔒 alinea títulos */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Botón */
.len-promo-btn{
  margin-top: auto;        /* empuja el botón abajo */
  border-radius: 0;        /* recto */
  font-weight: 700;
  padding: 6px 14px;
}

#promoCarousel .carousel-control-prev,
#promoCarousel .carousel-control-next{
  z-index: 10;
}

.len-promo-card{
  width: 100%;
  max-width: 220px;
  height: 360px;
/*   display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 14px;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}


/*seccion de formulario*/

/* Estado inicial: abajo + invisible (ya rotada) */
.len-scroll-reveal{
  opacity: 0;
  transform: translateY(60px);
  transition: transform .9s ease, opacity .9s ease;
  will-change: transform, opacity;
}

/* Rotación 90 grados (ajusta si quieres -90) */
.len-catalog-rot{
  transform: translateY(60px) rotate(345deg);
  transform-origin: center center;
}

/* Cuando entra en pantalla: sube + aparece */
.len-scroll-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Mantener rotación también cuando es visible */
.len-catalog-rot.is-visible{
  transform: translateY(0) rotate(345deg);
}

/* Opcional: limita tamaño para que no se rompa el layout */
.len-contact-imgwrap img{
  max-height: 350px;
}

/* Sombra base cuando ya apareció */
.len-scroll-reveal.is-visible{
  box-shadow: 0px 0px 35px rgba(0,0,0,.45);
  transition: 
    transform .9s ease,
    opacity .9s ease,
    box-shadow .4s ease;
}

/* Hover: zoom suave + sombra un poco más fuerte */
.len-contact-imgwrap img.len-scroll-reveal.is-visible:hover{
  transform: translateY(0) rotate(345deg) scale(1.04);
  box-shadow: 0 26px 55px rgba(0,0,0,.28);
  cursor: pointer;
}


/*boton de whatsapp en contacto*/

/* Contenedor del botón */
.len-contact-cta{
  margin-top: 18px;
  text-align: center;
}

/* Botón WhatsApp en contacto*/
.len-whatsapp-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 12px 20px;
  font-weight: 800;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: .5px;

  color: #ffffff;                 /* blanco sobre verde WhatsApp */
  background: #25D366;

  border: 2px solid #25D366;
  border-radius: 6px;

  text-decoration: none;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    background .3s ease,
    color .3s ease;
}

/* Icono */
.len-whatsapp-btn i{
  font-size: 1.3rem;
}

/* Hover */
.len-whatsapp-btn:hover{
  background: #25D366;
  color: #ffffff;
  transform: scale(1.05);
  box-shadow: 0 14px 30px rgba(37, 211, 102, .35);
}

/* Offset para anclas con menú fijo */
#seccion-productos{
  scroll-margin-top: 250px; /* 👈 altura de tu menú */
}


/* =========================
   FONDO AZUL DEGRADADO
   (de abajo hacia arriba)
========================= */
.len-grad-blue-vertical{
  background: linear-gradient(
    0deg,
    #CBF1FF 0%,     /* azul más intenso abajo */
    #cfeeff 15%,   /* transición */
    #fff 100%   /* casi blanco arriba */
  );
}

/* Ajustes de texto para que se vea como la imagen */
.len-grad-blue-vertical .len-text,
.len-grad-blue-vertical .len-subtitle{
  color: #0b5ea8; /* azul fuerte tipo LEN */
}

.len-img-small{
  max-width: 380px;  /* 👈 ajusta a gusto: 320–600px */
  height: auto;
  margin: 0 auto;
  display: block;
}


/*buscador*/

/* =========================
   BUSCADOR EN MENÚ (LEN)
========================= */
.len-menu-row{
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 14px;
}

/* El nav existente (menu-len) se mantiene */
.len-menu-links{ flex: 1; }

/* Icono lupa */
.len-search-icon{
  width: 42px;
  height: 42px;
  border: 1px solid #d9dde3;
  background: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.len-search-icon i{ color:#3a4b66; font-size: 18px; }
.len-search-icon:hover{
  transform: scale(1.06);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  background: #f7fbff;
}

/* Form oculto por defecto */
.len-search-form{
  position: absolute;
 /*  right: 0; */
  top: 50%;
  transform: translateY(-50%);
  display:flex;
  align-items:center;
  gap: 8px;

  width: min(920px, 92%);
  opacity: 0;
  pointer-events: none;

  background:#fff;
  border: 1px solid #d9dde3;
  padding: 8px 10px;
  box-shadow: 0 14px 30px rgba(0,0,0,.10);

  transition: opacity .22s ease, transform .22s ease;
}

/* Input */
.len-search-input{
  width: 960px;
  flex:1;
  border: none;
  outline: none;
  background: transparent;
  padding: 8px 10px;
  font-weight: 700;
  color:#1d2b4b;
}

/* Botón submit */
.len-search-go{
  width: 40px;
  height: 40px;
  border: none;
  background:#0b5ea8;
  color:#fff;
  cursor:pointer;
  transition: transform .18s ease, filter .18s ease;
}
.len-search-go:hover{
  transform: scale(1.06);
  filter: brightness(1.05);
}

/* Cerrar */
.len-search-close{
  width: 40px;
  height: 40px;
  border: 1px solid #d9dde3;
  background:#fff;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease;
}
.len-search-close:hover{
  transform: scale(1.06);
  background:#f3f4f6;
}

/* Cuando está abierto: ocultamos el nav y mostramos el input en la misma fila */
body.len-search-open #menuI .len-menu-links{
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
body.len-search-open #menuI .len-search-form{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) scale(1.00);
}

/* En sticky: el buscador sigue funcionando */
body.is-sticky #menuI .len-search-form{ top: 50%; }

/* Responsive: en pantallas medianas, que ocupe más ancho */
@media (max-width: 992px){
  .len-menu-row{ justify-content: flex-start; }
  .len-search-form{
    right: 10px;
    width: min(560px, 96%);
  }
}

/* Mobile: como ya ocultas #menuI, no estorba */
@media (max-width: 799px){
  .len-search-form{
    position: fixed;
    top: 18px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(680px, 92%);
    z-index: 2000;
  }
  body.len-search-open #menuI .len-search-form{
    transform: translateX(-50%) scale(1);
    opacity: 1;
  }
}


/* =========================
   BUSCADOR tipo Google (dropdown)
========================= */

.len-search-form { width: 1070px; }
.len-search-field{ position: relative; width: 100%; }

.len-suggest{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 999999 !important;
}

.len-suggest-inner{
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
  border-radius: 10px;
  overflow: hidden;
  animation: lenFadeIn .16s ease;
  z-index: 999999 !important;
}

@keyframes lenFadeIn{
  from{ opacity:0; transform: translateY(-4px); }
  to{ opacity:1; transform: translateY(0); }
}

.len-suggest-head{
  padding: 10px 12px;
  font-weight: 900;
  color: #1d2b4b;
  background: #f7fbff;
  border-bottom: 1px solid #eee;
  display:flex;
  gap:8px;
  align-items:center;
  z-index: 999999 !important;
}

.len-suggest-item{
  display:flex;
  gap:10px;
  padding: 10px 12px;
  text-decoration:none;
  border-bottom: 1px solid #f2f2f2;
  transition: background .15s ease, transform .15s ease;
}

.len-suggest-item:last-child{ border-bottom: none; }

.len-suggest-item:hover{
  background:#f7fbff;
  transform: scale(1.01);
}

.len-suggest-item.active{
  background:#e9f4ff;
}

.len-suggest-img{
  width: 44px;
  height: 44px;
  border-radius: 8px;
  overflow:hidden;
  background:#fafafa;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid #eee;
  flex: 0 0 44px;
}

.len-suggest-img img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.len-suggest-ph{
  color:#9aa3af;
  font-size: 18px;
}

.len-suggest-txt{ min-width:0; }
.len-suggest-name{
  font-weight: 900;
  color:#1d2b4b;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.len-suggest-cat{
  font-weight: 800;
  font-size: 12px;
  color:#6b7280;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* =========================
   FIX Z-INDEX BUSCADOR
========================= */



/* Aseguramos que el contenedor del input tenga contexto superior */
body.len-search-open .len-search-form{
  z-index: 6000 !important;
}

/* Dropdown */
body.len-search-open .len-suggest{
  z-index: 7000 !important;
}

/* Opcional: bajar prioridad del carrusel */
.carousel,
.carousel-inner,
.carousel-item{
  z-index: 1;
}