.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a00f08d:#70B62C;--e-global-color-20f65c5:#8B8B8B;--e-global-color-e7a0d96:#3B9CE7;--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-5 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ====== SWITCH HEADER TRANSPARENTE -> BLANCO (GLOBAL) ====== */

.header-sticky,
.header-sticky *{
  transition: background .25s ease, color .25s ease, box-shadow .25s ease, opacity .25s ease;
}

/* INICIO: transparente */
.header-sticky,
.header-sticky .e-con-inner,
.header-sticky .elementor-container{
  background: transparent !important;
  box-shadow: none !important;
}

/* Menú inicio (Nav Menu Elementor) */
.header-sticky .elementor-nav-menu--main .elementor-item{
  color: #fff !important;
}

/* Logos inicio */
.header-sticky .logo-top{ display:block !important; }
.header-sticky .logo-scroll{ display:none !important; }

/* SCROLL: activado por JS con .is-scrolled */
.header-sticky.is-scrolled,
.header-sticky.is-scrolled .e-con-inner,
.header-sticky.is-scrolled .elementor-container{
  background: #fff !important;
  box-shadow: 0 8px 25px rgba(0,0,0,.08);
}

.header-sticky.is-scrolled .elementor-nav-menu--main .elementor-item{
  color: #000 !important;
}

.header-sticky.is-scrolled .logo-top{ display:none !important; }
.header-sticky.is-scrolled .logo-scroll{ display:block !important; }

/* Extra: por si el menú NO es Elementor Nav Menu */
.header-sticky a{ color:#fff !important; }
.header-sticky.is-scrolled a{ color:#000 !important; }

/* ====== MÓVIL: botón hamburguesa + menú desplegable ====== */
@media (max-width: 767px){

  /* Botón hamburguesa transparente al inicio */
  .header-sticky .elementor-menu-toggle{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* También transparente al hacer hover/focus */
  .header-sticky .elementor-menu-toggle:hover,
  .header-sticky .elementor-menu-toggle:focus,
  .header-sticky .elementor-menu-toggle.elementor-active{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Icono hamburguesa en blanco al inicio */
  .header-sticky .elementor-menu-toggle i,
  .header-sticky .elementor-menu-toggle svg{
    color: #fff !important;
    fill: #fff !important;
  }

  /* Icono hamburguesa en negro al hacer scroll */
  .header-sticky.is-scrolled .elementor-menu-toggle i,
  .header-sticky.is-scrolled .elementor-menu-toggle svg{
    color: #000 !important;
    fill: #000 !important;
  }

  /* Menú desplegable móvil */
  .header-sticky .elementor-nav-menu--dropdown a,
  .header-sticky .elementor-nav-menu--dropdown .elementor-item{
    font-size: 13px !important;
    font-weight: 600 !important;
  }
}

/* ====== FIX: texto menú móvil siempre negro ====== */
@media (max-width: 767px){

  .header-sticky .elementor-nav-menu--dropdown a,
  .header-sticky .elementor-nav-menu--dropdown .elementor-item{
    color: #000 !important;
  }

}/* End custom CSS */