.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === CABECERA STICKY Y TRANSPARENTE AL INICIO === */
#masthead,
#masthead .main-header-bar,
#masthead .ast-primary-header-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

/* === CUANDO HAY SCROLL: APLICA COLOR === */
#masthead.header-colored,
#masthead.header-colored .main-header-bar,
#masthead.header-colored .ast-primary-header-bar {
  background-color: var(--ast-header-bg-color, #ffffff) !important; /* Usa el color del tema o blanco */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Evita que el contenido se superponga */
.site-content {
  margin-top: 0.1px; /* ajusta según la altura real del header */
}

/* Ajuste por la barra superior de WordPress */
.admin-bar #masthead {
  top: 32px;
}

/* Quitar límites de ancho en el archivo de productos WooCommerce */
.woocommerce-page .site-content > .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ajustar productos al nuevo ancho */
.woocommerce ul.products {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Oculta el título de la página si es necesario */
body.page-id-786 .entry-title {
    display: none;
}

/* Estilos de Contenedor */
.eael-product-wrap {
    height: 100%;
}/* End custom CSS */