.elementor-10313 .elementor-element.elementor-element-0ca33cd{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10313 .elementor-element.elementor-element-0ca33cd:not(.elementor-motion-effects-element-type-background), .elementor-10313 .elementor-element.elementor-element-0ca33cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F6;}.elementor-10313 .elementor-element.elementor-element-0ca33cd.e-con{--align-self:center;}.elementor-10313 .elementor-element.elementor-element-6e43d56{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10313 .elementor-element.elementor-element-6e43d56.e-con{--align-self:center;}.elementor-10313 .elementor-element.elementor-element-b631b4d > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-10313 .elementor-element.elementor-element-b631b4d{text-align:center;}.elementor-10313 .elementor-element.elementor-element-b631b4d img{width:100%;max-width:100%;height:100px;}.elementor-10313 .elementor-element.elementor-element-3a97d24{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10313 .elementor-element.elementor-element-3a97d24.e-con{--align-self:center;}.elementor-10313 .elementor-element.elementor-element-78cedca.elementor-element{--align-self:stretch;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-menu-toggle{margin:0 auto;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--main .elementor-item:hover,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--main .elementor-item:focus{color:#658354;fill:#658354;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#4B6043;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a, .elementor-10313 .elementor-element.elementor-element-78cedca .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown{background-color:#00000000;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a:hover,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a:focus,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a.highlighted,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-menu-toggle:hover,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-menu-toggle:focus{color:#658354;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a:hover,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a:focus,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a.highlighted{background-color:#00000000;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown a.elementor-item-active{color:#4B6043;}.elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown .elementor-item, .elementor-10313 .elementor-element.elementor-element-78cedca .elementor-nav-menu--dropdown  .elementor-sub-item{font-weight:900;}.elementor-10313 .elementor-element.elementor-element-45768d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10313 .elementor-element.elementor-element-fab6032{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10313 .elementor-element.elementor-element-da35340.elementor-element{--align-self:center;}.elementor-10313 .elementor-element.elementor-element-da35340 .elementor-icon-wrapper{text-align:center;}.elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-stacked .elementor-icon{background-color:#4B6043;}.elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-framed .elementor-icon, .elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-default .elementor-icon{color:#4B6043;border-color:#4B6043;}.elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-framed .elementor-icon, .elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-default .elementor-icon svg{fill:#4B6043;}.elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-stacked .elementor-icon:hover{background-color:#658354;}.elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-framed .elementor-icon:hover, .elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-default .elementor-icon:hover{color:#658354;border-color:#658354;}.elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-framed .elementor-icon:hover, .elementor-10313 .elementor-element.elementor-element-da35340.elementor-view-default .elementor-icon:hover svg{fill:#658354;}.elementor-10313 .elementor-element.elementor-element-da35340 .elementor-icon{font-size:20px;}.elementor-10313 .elementor-element.elementor-element-da35340 .elementor-icon svg{height:20px;}.elementor-10313 .elementor-element.elementor-element-893db27{text-align:center;}.elementor-10313 .elementor-element.elementor-element-893db27 .elementor-heading-title{font-size:14px;-webkit-text-stroke-width:0.2px;stroke-width:0.2px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-10313 .elementor-element.elementor-element-5431efd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10313 .elementor-element.elementor-element-5390ddd.elementor-element{--align-self:center;}.elementor-10313 .elementor-element.elementor-element-5390ddd > .elementor-widget-container{border-style:none;}.elementor-10313 .elementor-element.elementor-element-5390ddd{--main-alignment:center;--price-quantity-position--grid-template-rows:auto 75%;--price-quantity-position--align-self:start;--divider-style:solid;--subtotal-divider-style:solid;--cart-footer-layout:1fr;--checkout-button-display:none;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#4B6043;--toggle-button-icon-color:#4B6043;--toggle-button-border-color:#FAF9F6;--toggle-button-hover-text-color:#658354;--toggle-button-icon-hover-color:#658354;--toggle-button-hover-border-color:#FAF9F6;--toggle-icon-size:20px;--cart-border-style:none;--product-price-color:#000000;--view-cart-button-hover-background-color:#54B435;}.elementor-10313 .elementor-element.elementor-element-5390ddd .elementor-menu-cart__toggle .elementor-button{font-size:18px;}body:not(.rtl) .elementor-10313 .elementor-element.elementor-element-5390ddd .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-14px;top:-14px;}body.rtl .elementor-10313 .elementor-element.elementor-element-5390ddd .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:14px;top:-14px;left:auto;}.elementor-10313 .elementor-element.elementor-element-5390ddd .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-10313 .elementor-element.elementor-element-5390ddd .elementor-menu-cart__product-price .product-quantity{color:#000000;}.elementor-10313 .elementor-element.elementor-element-5390ddd .elementor-button--view-cart{border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-10313 .elementor-element.elementor-element-6e43d56{--width:45%;}.elementor-10313 .elementor-element.elementor-element-3a97d24{--width:100%;}.elementor-10313 .elementor-element.elementor-element-45768d2{--width:50%;}.elementor-10313 .elementor-element.elementor-element-fab6032{--width:100%;}.elementor-10313 .elementor-element.elementor-element-5431efd{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10313 .elementor-element.elementor-element-6e43d56{--width:500px;}.elementor-10313 .elementor-element.elementor-element-3a97d24{--width:27%;}.elementor-10313 .elementor-element.elementor-element-45768d2{--width:500px;}.elementor-10313 .elementor-element.elementor-element-fab6032{--width:500px;}.elementor-10313 .elementor-element.elementor-element-5431efd{--width:600px;}}@media(max-width:1024px){.elementor-10313 .elementor-element.elementor-element-0ca33cd{--min-height:100px;}.elementor-10313 .elementor-element.elementor-element-6e43d56{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10313 .elementor-element.elementor-element-6e43d56.e-con{--align-self:stretch;}.elementor-10313 .elementor-element.elementor-element-b631b4d.elementor-element{--align-self:stretch;}.elementor-10313 .elementor-element.elementor-element-b631b4d img{width:100%;}.elementor-10313 .elementor-element.elementor-element-5431efd{--justify-content:center;}.elementor-10313 .elementor-element.elementor-element-5431efd.e-con{--align-self:center;}}@media(max-width:767px){.elementor-10313 .elementor-element.elementor-element-3a97d24{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10313 .elementor-element.elementor-element-78cedca.elementor-element{--align-self:center;}.elementor-10313 .elementor-element.elementor-element-45768d2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10313 .elementor-element.elementor-element-893db27 .elementor-heading-title{-webkit-text-stroke-width:0.3px;stroke-width:0.3px;}}/* Start custom CSS for container, class: .elementor-element-0ca33cd *//* ============================================================
   PACHIRA: EFECTO SEDA (3px) + CARRITO LIBERADO
   ============================================================ */

/* 1. LIBERACIÓN TOTAL: Quitamos el "candado" del header */
.elementor-sticky, 
.elementor-sticky .elementor-container,
.elementor-sticky .elementor-column,
.elementor-sticky .elementor-widget-wrap {
    background-color: transparent !important;
    background: transparent !important;
    overflow: visible !important;
}

/* 2. EL CONTENEDOR: Estabilidad */
.elementor-sticky {
    transition: all 0.5s ease-in-out !important;
    z-index: 9999 !important;
    transform: translateZ(0); 
}

/* 3. LA CAPA DE SEDA: Configuración de 3px */
.elementor-sticky::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: #FAF9F6 !important;
    transition: all 0.6s ease-in-out !important;
}

/* 4. ESTADO SCROLLEADO (Efecto Vidrio) */
.elementor-sticky--effects::before {
    background-color: rgba(250, 249, 246, 0.5) !important; 
    backdrop-filter: blur(3px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(3px) saturate(150%) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}

/* 5. ARREGLO DEL CARRITO: Posición absoluta en pantalla */
.elementor-menu-cart__container {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    height: 100vh !important;
    z-index: 9999999 !important;
}

/* 6. LIMPIEZA VISUAL */
#elementor-menu-cart__toggle_button, 
.elementor-menu-cart__toggle, 
.elementor-widget-woocommerce-menu-cart,
.elementor-menu-cart__toggle_wrapper {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ============================================================
   1. MEGA MENÚ FLOTANTE Y TRASLÚCIDO (ESCRITORIO Y TABLET: >= 768px)
   ============================================================ */
@media (min-width: 768px) {

  /* Desactivamos anclaje local en contenedores para centrado real */
  .elementor-sticky .elementor-container,
  .elementor-sticky .elementor-column,
  .elementor-sticky .e-con,
  .elementor-sticky .e-con-inner,
  .elementor-widget-nav-menu,
  .elementor-widget-nav-menu .elementor-widget-container,
  .elementor-nav-menu--main,
  .elementor-nav-menu--main > ul.elementor-nav-menu,
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children {
    position: static !important;
  }

  /* ESTADO BASE (OCULTO) */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu {
    display: flex !important;
    position: absolute !important;
    
    /* AJUSTE DE DISTANCIA: Eleva la posición inicial del cartel */
    top: calc(100% - 18px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 92% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-around !important;
    align-items: flex-start !important;
    
    padding: 32px 40px !important;
    gap: 30px !important;
    
    /* EFECTO CRISTAL Y TRANSPARENCIA */
    background-color: rgba(250, 249, 246, 0.78) !important; 
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08) !important;
    z-index: 99999 !important;

    /* REGLAS DE VISIBILIDAD SINCRONIZADA */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    /* Delay de desvanecimiento conjunto */
    transition: opacity 0.25s ease, visibility 0.25s ease !important;
    transition-delay: 0.15s !important;
  }

  /* ESTADO HOVER: Activa la visibilidad de todo el bloque simultáneamente */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition-delay: 0s !important;
  }

  /* PUENTE INVISIBLE PARA MANTENER EL HOVER */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -25px !important;
    left: 0 !important;
    right: 0 !important;
    height: 25px !important;
    background: transparent !important;
    pointer-events: auto !important;
  }

  /* Columnas principales (Nivel 2) */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu > li {
    flex: 1 1 auto !important;
    min-width: 160px !important;
    max-width: none !important;
    margin: 0 !important;
    list-style: none !important;
  }

  /* Estructura de listas de Nivel 3 */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu > li > ul.sub-menu {
    display: block !important;
    position: static !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 100% !important;
  }

  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu > li > ul.sub-menu > li {
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  /* ============================================================
     2. ESTILOS Y HOVER: MINORISTA (VERDE PACHIRA)
     ============================================================ */

  /* Títulos de Categorías Minorista (Nivel 2) */
  .elementor-nav-menu--main .sub-menu > li > a,
  .elementor-nav-menu--main .sub-menu > li > a.elementor-sub-item {
    color: #4b6043 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
    border: none !important;
    border-bottom: 2px solid #4b6043 !important;
    display: block !important;
    white-space: nowrap !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
  }

  /* Hover Títulos Minorista */
  .elementor-nav-menu--main .sub-menu > li > a:hover,
  .elementor-nav-menu--main .sub-menu > li > a.elementor-sub-item:hover {
    color: #35452f !important;
    border-bottom-color: #35452f !important;
  }

  /* Subcategorías Minorista (Nivel 3) */
  .elementor-nav-menu--main .sub-menu > li > ul.sub-menu a,
  .elementor-nav-menu--main .sub-menu > li > ul.sub-menu a.elementor-sub-item {
    color: #4b6043 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-size: 0.88em !important;
    line-height: 1.4 !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: none !important;
    display: inline-block !important;
    white-space: normal !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
  }

  /* Hover Subcategorías Minorista */
  .elementor-nav-menu--main .sub-menu > li > ul.sub-menu a:hover,
  .elementor-nav-menu--main .sub-menu > li > ul.sub-menu a.elementor-sub-item:hover {
    color: #35452f !important;
    transform: translateX(4px) !important;
  }

  /* ============================================================
     3. ESTILOS Y HOVER: MAYORISTA (AZUL MAYORISTA)
     ============================================================ */

  /* Títulos de Categorías Mayorista (Nivel 2) */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > a,
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > a.elementor-sub-item {
    color: #2C4E6F !important;
    border-bottom: 2px solid #2C4E6F !important;
    white-space: nowrap !important;
  }

  /* Hover Títulos Mayorista */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > a:hover,
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > a.elementor-sub-item:hover {
    color: #1A344D !important;
    border-bottom-color: #1A344D !important;
  }

  /* Subcategorías Mayorista (Nivel 3) */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > ul.sub-menu a,
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > ul.sub-menu a.elementor-sub-item {
    color: #2C4E6F !important;
    border: none !important;
    border-bottom: none !important;
  }

  /* Hover Subcategorías Mayorista */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > ul.sub-menu a:hover,
  .elementor-nav-menu--main > ul.elementor-nav-menu > li:has(a[href*="mayorista"]) .sub-menu > li > ul.sub-menu a.elementor-sub-item:hover {
    color: #1A344D !important;
    transform: translateX(4px) !important;
  }
}

/* ============================================================
   4. DESACTIVAR DESPLEGABLES EN MÓVILES (< 768px)
   ============================================================ */
@media (max-width: 767px) {
  .elementor-nav-menu--dropdown ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
  }

  .elementor-nav-menu--dropdown .sub-arrow {
    display: none !important;
  }

  .elementor-nav-menu--dropdown li.menu-item-has-children > a {
    pointer-events: auto !important;
  }
}/* End custom CSS */