/* Header sticky con efecto glass y logo que se reduce al hacer scroll */
html body.breakdance {
  overflow-anchor: none;
}

.breakdance .bde-header-builder-137-100.bde-header-builder {
  --hdr-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --hdr-time: 0.45s;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  transition:
    background-color var(--hdr-time) var(--hdr-ease),
    box-shadow var(--hdr-time) var(--hdr-ease),
    margin-bottom var(--hdr-time) var(--hdr-ease);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .breakdance .bde-header-builder-137-100.bde-header-builder {
    background-color: rgba(255, 255, 255, 0.96);
  }
}

.breakdance .bde-header-builder-137-100 .bde-header-builder__container {
  transition:
    padding var(--hdr-time) var(--hdr-ease),
    min-height var(--hdr-time) var(--hdr-ease);
}

.breakdance .bde-header-builder-137-100 .bde-image-137-103 {
  transition: width var(--hdr-time) var(--hdr-ease);
}

/* Al cargar la página no se anima nada (evita el "salto" inicial); el JS quita esta clase */
.breakdance .bde-header-builder-137-100.hdr-init,
.breakdance .bde-header-builder-137-100.hdr-init * {
  transition: none !important;
}

/* Estado con scroll: header más compacto y logo más pequeño */
.breakdance .bde-header-builder-137-100.is-scrolled {
  margin-bottom: var(--hdr-delta, 0px);
  box-shadow: 0 8px 28px rgba(0, 30, 100, 0.1);
}

.breakdance .bde-header-builder-137-100.is-scrolled .bde-header-builder__container {
  padding-top: 8px;
  padding-bottom: 8px;
}

.breakdance .bde-header-builder-137-100.is-scrolled .bde-image-137-103 {
  width: 150px;
}

@media (min-width: 768px) {
  .breakdance .bde-header-builder-137-100.is-scrolled .bde-image-137-103 {
    width: 160px;
  }
}

/* Móvil: mismo espacio arriba y abajo del logo (el original dejaba 0 arriba y 20px abajo) */
@media (max-width: 767px) {
  .breakdance .bde-header-builder-137-100 .bde-header-builder__container {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .breakdance .bde-header-builder-137-100.is-scrolled .bde-header-builder__container {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  /* el botón de menú tenía 10px de margen superior y quedaba más abajo que el logo */
  .breakdance .bde-header-builder-137-100 .bde-menu-137-133 {
    margin-top: 0;
  }
}

/* sin animación para quien prefiere menos movimiento (el cambio de estado se mantiene) */
@media (prefers-reduced-motion: reduce) {
  .breakdance .bde-header-builder-137-100.bde-header-builder {
    --hdr-time: 0.01s;
  }
}

/* Menú móvil/tablet: se ancla al borde inferior del header, sin importar su alto */
@media (max-width: 1119px) {
  .breakdance .bde-menu-137-133 .breakdance-menu {
    position: static;
  }

  .breakdance .bde-menu-137-133 .breakdance-menu-list {
    top: 100%;
    left: 0;
  }
}