/* Header Scroll Effects v1.3 - Sin blur, con sombra ligera */
.et-l--header, .global-header, header.site-header, .header {
  transition: background-color .35s ease, color .35s ease;
 
}

/* Fondo inicial del header (sin scroll) */
.et-l--header,
body:not(.hse-scrolled) .et-l--header {
  background-color: rgba(255,255,255,0);
  transition: background-color .35s ease;
}


/* --- LOGO con clase personalizada (usa un solo PNG) --- */

/* Estado inicial: logo en blanco */
.logo-scroll-filter {
  filter: brightness(0) invert(1);
  transition: filter .35s ease;
}

/* Al hacer scroll: logo recupera su color original */
.scrolled .logo-scroll-filter,
body.hse-scrolled .logo-scroll-filter {
  filter: none;
}


/* Fondo y color al hacer scroll */
.scrolled.et-l--header,
body.hse-scrolled .et-l--header,
.scrolled header,
body.hse-scrolled header {
  background-color: rgba(255,255,255,0.7);
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  
}

/* Cuando se hace scroll */
.et_pb_section_1_tb_header.scrolled,
body.hse-scrolled .et_pb_section_1_tb_header {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background-color .35s ease, backdrop-filter .35s ease;
}



/* Colores de texto/enlaces */
.et-l--header .et-menu-nav li a,
.et-l--header .menu a {
  color: #fff;
  transition: color .35s ease;
}

.scrolled .et-menu-nav li a,
body.hse-scrolled .et-l--header .et-menu-nav li a {
  color: #111 !important;
}


/* Margen inicial entre la sección 1 y la del menú */
.menu-section {
  margin-top: 40px;
  transition: margin-top 0.35s ease;
}

/* Al hacer scroll (menú fijo): eliminamos el margen */
body.hse-scrolled .menu-section {
  margin-top: 0;
}






/* --- Mantener los submenús SIEMPRE en blanco --- */

/* Menú principal en negro al hacer scroll */
body.hse-scrolled #menu-variedades > .et_pb_menu_inner_container .mega-menu-link {
  color: #111 !important;
}


/* Submenús siempre blancos */
#menu-variedades .mega-sub-menu a,
#menu-variedades .mega-sub-menu .mega-menu-link {
  color: #fff !important;
}

/* Forzar blanco cuando el header está scrolled */
body.hse-scrolled #menu-variedades .mega-sub-menu a,
body.hse-scrolled #menu-variedades .mega-sub-menu .mega-menu-link {
  color: #fff !important;
}