/* --- Modo por defecto: barra debajo de la cabecera --- */
/* Medimos la altura del header en JS y la usamos aquí */
:root{
  --header-h: 0px;
  --search-h: 0px;
}
/* La barra se comporta sticky justo por debajo del header */
#avasol-sticky-search{
  position: sticky;
  top: var(--header-h, 0px);
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* --- Al desplazar (modo compacto): esconder header y fijar barra arriba --- */
body.compact-header .ct-header,
body.compact-header .site-header{
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  transform: translateY(-100%);
  transition: transform .25s ease;
}

body.compact-header #avasol-sticky-search{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10010;
}

/* Para evitar salto del contenido al entrar en modo compacto */
body.compact-header .site-main,
body.compact-header main{
  padding-top: calc(var(--search-h, 0px));
}