.elementor-126 .elementor-element.elementor-element-713c73e{--display:flex;--position:fixed;--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;--justify-content:center;--align-items:center;--z-index:9999;}.elementor-126 .elementor-element.elementor-element-713c73e:not(.elementor-motion-effects-element-type-background), .elementor-126 .elementor-element.elementor-element-713c73e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02020200;}.elementor-126 .elementor-element.elementor-element-3d00f5e{--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;}.elementor-126 .elementor-element.elementor-element-3d00f5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-126 .elementor-element.elementor-element-0c15091{--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:flex-end;}.elementor-126 .elementor-element.elementor-element-0c15091.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-126 .elementor-element.elementor-element-3fb9648{--jmm-top-items-hor-align:flex-end;--jmm-top-item-title-color:var( --e-global-color-text );--jmm-top-hover-item-icon-color:var( --e-global-color-accent );--jmm-top-hover-item-title-color:var( --e-global-color-accent );--jmm-top-active-item-icon-color:var( --e-global-color-accent );--jmm-top-active-item-title-color:var( --e-global-color-accent );}.elementor-126 .elementor-element.elementor-element-5792f87 .elementor-button{background-color:#D4AF3700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0.5s;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );}.elementor-126 .elementor-element.elementor-element-5792f87 .elementor-button:hover, .elementor-126 .elementor-element.elementor-element-5792f87 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-e3b76d5 );}.elementor-126 .elementor-element.elementor-element-5792f87 .elementor-button:hover svg, .elementor-126 .elementor-element.elementor-element-5792f87 .elementor-button:focus svg{fill:var( --e-global-color-e3b76d5 );}.elementor-126 .elementor-element.elementor-element-40ccde6{--display:flex;--position:fixed;--min-height:0px;--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;top:0px;--z-index:9999;}.elementor-126 .elementor-element.elementor-element-40ccde6:not(.elementor-motion-effects-element-type-background), .elementor-126 .elementor-element.elementor-element-40ccde6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}body:not(.rtl) .elementor-126 .elementor-element.elementor-element-40ccde6{left:0px;}body.rtl .elementor-126 .elementor-element.elementor-element-40ccde6{right:0px;}.elementor-126 .elementor-element.elementor-element-04c0723{--display:flex;}.elementor-126 .elementor-element.elementor-element-99d1e40{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-126 .elementor-element.elementor-element-daed038 .jet-mobile-menu__container{z-index:999;}.elementor-126 .elementor-element.elementor-element-daed038 .jet-mobile-menu-widget .jet-mobile-menu-cover{z-index:calc(999-1);}.elementor-126 .elementor-element.elementor-element-daed038 .jet-mobile-menu__item .jet-menu-icon{align-self:center;justify-content:center;}.elementor-126 .elementor-element.elementor-element-daed038 .jet-mobile-menu__item .jet-menu-badge{align-self:flex-start;}@media(max-width:767px){.elementor-126 .elementor-element.elementor-element-40ccde6{--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;}.elementor-126 .elementor-element.elementor-element-04c0723{--width:50%;}.elementor-126 .elementor-element.elementor-element-99d1e40{--width:50%;}}@media(min-width:768px){.elementor-126 .elementor-element.elementor-element-3d00f5e{--width:19.123%;}.elementor-126 .elementor-element.elementor-element-0c15091{--width:74.474%;}.elementor-126 .elementor-element.elementor-element-40ccde6{--content-width:1600px;}}/* Start custom CSS for jet-mega-menu, class: .elementor-element-3fb9648 *//* Base - hereda colores y tipografía del widget */
.jet-mega-menu-item__link--top-level .jet-mega-menu-item__label {
    position: relative;
    transition: all 0.3s ease;
}

/* Efecto de subrayado animado APLICADO AL LABEL */
.jet-mega-menu-item__label:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: currentColor; /* Ahora sí hereda del texto */
    transition: width 0.3s ease;
}

/* Estados hover y activo */
.jet-mega-menu-item__link--top-level:hover .jet-mega-menu-item__label:after,
.current-menu-item .jet-mega-menu-item__label:after,
.current_page_item .jet-mega-menu-item__label:after {
    width: 100%;
}

/* Transiciones para estado scrolled */
.scrolled .jet-mega-menu-item__link--top-level .jet-mega-menu-item__label {
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-713c73e *//* Estilos para el contenedor del header */
#header-entire {
  /* Posicionamiento moderno que se vuelve fijo al hacer scroll */
  position: sticky;
  top: 0; /* Se "pega" en la parte superior de la ventana */
  width: 100%;
  z-index: 9999;
  box-sizing: border-box; /* Asegura que padding y border se incluyan en el ancho */
  overflow-x: hidden; /* Evita el desbordamiento horizontal */

  /* Estilos visuales y de transición */
  padding: 20px 0;
  background-color: transparent;
  border-bottom: 1px solid transparent; /* Borde inicial transparente para una transición suave */
  
  /* Transiciones suaves para los cambios */
  transition: padding 0.3s ease, background-color 0.3s ease;
}

/* Estilos para el header cuando se hace scroll (se añade la clase .scrolled con JS) */
#header-entire.scrolled {
  padding: 10px 0; /* Reduce el padding vertical */
  background-color: rgba(30, 30, 30, 0.75); /* Fondo oscuro semitransparente */
  border-bottom: 1px solid;
  border-image: linear-gradient(to right, transparent, rgba(140, 162, 147, 0.7), transparent) 1;
}

/* Estilos para el logo */
.logo-wrapper img {
  /* Tamaño máximo inicial del logo */
  max-height: 60px; /* Ajusta este valor a la altura inicial de tu logo */
  width: auto;
  
  /* Transición suave para el cambio de tamaño */
  transition: max-height 0.3s ease;
}

/* Ajustes para el logo cuando se hace scroll */
.scrolled .logo-wrapper img {
  max-height: 40px; /* Reduce el tamaño del logo */
}

/* 
  IMPORTANTE: Elimina la regla `padding-top` del `body`.
  Ya no es necesaria gracias a `position: sticky`.
*/
body {
  /* No se necesita padding-top aquí */
  overflow-x: hidden; /* Asegura que no haya scroll horizontal en el body */
}

/* Ajustes adicionales para contenedores de Elementor dentro del header */
#header-entire .elementor-section, 
#header-entire .elementor-container, 
#header-entire .elementor-row, 
#header-entire .elementor-column, 
#header-entire .elementor-widget-wrap {
  max-width: 100%;
  overflow: hidden;
}

/* Asegurar que las imágenes dentro del header no desborden */
#header-entire img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Posible conflicto con Elementor sticky */
.elementor-sticky--active #header-entire {
  left: 0;
  right: 0;
}/* End custom CSS */