.elementor-kit-7{--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;background-color:#FFFFFF;}.elementor-kit-7 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 *//* ====== ESTADO INICIAL ====== */
#site-header {
  position: relative;
  background-color: transparent; /* Fondo transparente */
  transition: background-color .3s ease, box-shadow .3s ease;
}

/* Menú, iconos, textos blancos */
#site-header .elementor-nav-menu a,
#site-header .elementor-icon,
#site-header .elementor-menu-toggle,
#site-header .elementor-button {
  color: #ffffff;
  transition: color .3s ease, fill .3s ease;
}

/* Logo blanco visible, logo negro oculto */
#site-header .logo-white { display: inline-block; }
#site-header .logo-black { display: none; }

/* ====== ESTADO STICKY ====== */
#site-header.elementor-sticky--effects {
  background-color: #ffffff; /* Fondo blanco */
  box-shadow: 0 4px 15px rgba(0,0,0,.08);
}

/* Textos y elementos en color negro */
#site-header.elementor-sticky--effects .elementor-nav-menu a,
#site-header.elementor-sticky--effects .elementor-icon,
#site-header.elementor-sticky--effects .elementor-menu-toggle,
#site-header.elementor-sticky--effects .elementor-button {
  color: #000000;
}

/* Cambiar logo al negro */
#site-header.elementor-sticky--effects .logo-white { display: none; }
#site-header.elementor-sticky--effects .logo-black { display: inline-block; }

/* Si tu logo SVG usa currentColor, el color cambiará automáticamente */
#site-header .elementor-icon svg { fill: currentColor; }

/* ===== SOLO BOTÓN TELÉFONO ===== */
/* Estado inicial: icono BLANCO */
#site-header .boton-telefono .elementor-button-icon,
#site-header .boton-telefono .elementor-icon { 
  /* por si el wrapper tiene fondo */
  color: #ffffff !important;
  background-color: transparent !important;
}

/* Font Awesome <i> */
#site-header .boton-telefono .elementor-icon i {
  color: #ffffff !important;
}

/* SVG inline (Elementor) */
#site-header .boton-telefono .elementor-icon svg,
#site-header .boton-telefono .elementor-icon svg *,
#site-header .boton-telefono .elementor-button-icon svg,
#site-header .boton-telefono .elementor-button-icon svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important; /* por si usa strokes */
}

/* Si el icono es imagen (png/jpg/svg como imagen) */
#site-header .boton-telefono .elementor-icon img,
#site-header .boton-telefono .elementor-button-icon img {
  filter: brightness(0) invert(1) !important; /* lo vuelve blanco */
}

/* ===== STICKY: icono NEGRO ===== */
#site-header.elementor-sticky--effects .boton-telefono .elementor-button-icon,
#site-header.elementor-sticky--effects .boton-telefono .elementor-icon {
  color: #000000 !important;
}

#site-header.elementor-sticky--effects .boton-telefono .elementor-icon i {
  color: #000000 !important;
}

#site-header.elementor-sticky--effects .boton-telefono .elementor-icon svg,
#site-header.elementor-sticky--effects .boton-telefono .elementor-icon svg *,
#site-header.elementor-sticky--effects .boton-telefono .elementor-button-icon svg,
#site-header.elementor-sticky--effects .boton-telefono .elementor-button-icon svg * {
  fill: #000000 !important;
  stroke: #000000 !important;
}

#site-header.elementor-sticky--effects .boton-telefono .elementor-icon img,
#site-header.elementor-sticky--effects .boton-telefono .elementor-button-icon img {
  filter: none !important; /* vuelve a su color original (negro) */
}/* End custom CSS */