.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--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;background-color:#F7F1EB;}.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 *//* ==========================================================================
   HEADER DINÁMICO & GLASSMORPHISM
   ========================================================================== */

/* 1. Posicionamiento fijo y transiciones fluidas */
.header-dinamico {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  /* Transición orgánica suave (0.5s con cubic-bezier) */
  transition: 
    background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    backdrop-filter 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-backdrop-filter 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Transición suave para menú, logo e icono móvil */
.header-dinamico .elementor-nav-menu a.elementor-item,
.header-dinamico .elementor-widget-theme-site-logo img,
.header-dinamico .elementor-menu-toggle svg {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}



/* 2. ESTADO SCROLLED (>200px) - Glassmorphism */
.header-dinamico.is-scrolled {
  background-color: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* 3. MENÚ: Texto a negro (Desktop y dropdown Mobile) */
.header-dinamico.is-scrolled .elementor-nav-menu a.elementor-item,
.header-dinamico.is-scrolled .elementor-nav-menu--dropdown a.elementor-item {
  color: #000000 !important;
}

/* 4. LOGO: Invertir SVG de blanco a negro */
.header-dinamico.is-scrolled .elementor-widget-theme-site-logo img {
  filter: brightness(0) !important;
}

/* 5. MOBILE: Icono hamburguesa a negro */
.header-dinamico.is-scrolled .elementor-menu-toggle svg,
.header-dinamico.is-scrolled .elementor-menu-toggle svg path {
  fill: #000000 !important;
}

/* Fix para la cortina desplegable del menú mobile */
.header-dinamico .elementor-nav-menu--dropdown {
  background-color: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
/* Color del texto del menú en HOVER (Estado con SCROLL / .is-scrolled) */
.header-dinamico.is-scrolled .elementor-nav-menu a.elementor-item:hover,
.header-dinamico.is-scrolled .elementor-nav-menu a.elementor-item.highlighted,
.header-dinamico.is-scrolled .elementor-nav-menu a.elementor-item:focus {
  color: #530009 !important; /* <--- Cambiá este HEX por el color deseado al hacer hover en scroll */
}
.swiper-wrapper {
    margin-bottom: 20px;
}
.elementor-counter-title {
    text-align: center;
}
span.elementor-counter-number-prefix {
    font-weight: 300 !important;
}
.link a {
    color: #faf4e6 !important;
}
.link a:hover {
    color: #fff58d !important;
}

@media screen and (max-width: 768px) {
#newsletter input#form-field-email {
    text-align: center;
}
}
/* Offset de scroll para el Header Fixed en Desktop */
@media (min-width: 1025px) {
  /* Si tus secciones tienen ID para el ancla (ej: #servicios) */
  #experiencia, #cajas, #nosotros, #contacto {
    scroll-margin-top: 100px !important;
  }
 #ai {
    scroll-margin-top: 150px !important;
  }
  
  /* Si usás el widget de 'Anclaje de menú' (Menu Anchor) de Elementor */
  .elementor-menu-anchor {
    scroll-margin-top: 100px !important;
  }
}

/* Opcional: Ajuste para Mobile si el header mide menos (ej. 70px) */
@media (max-width: 1024px) {
  #experiencia, #cajas, #nosotros, #contacto {
    scroll-margin-top: 70px !important;
  }
 #ai {
    scroll-margin-top: 100px !important;
  }
}/* End custom CSS */