/* === ALAN NEIL — Cabecitas detrás de la imagen principal del header (CSS ÚNICO) === */

/* El área de imagen del header crea su propio contexto de apilado */
.custom-header,
.header-media{
  position: relative;
  isolation: isolate; /* asegura que z-index internos se respeten entre sí */
}

/* Capa de cabecitas: pegada al área de imagen y por debajo de su contenido */
.an-floaters{
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0; /* detrás */
}

/* Todo lo que sea contenido/imagen dentro del área del header va por encima */
.custom-header > *:not(.an-floaters),
.header-media  > *:not(.an-floaters),
.custom-header img,
.header-media  img,
.custom-header .custom-header-media,
.header-media  .custom-header-media{
  position: relative;
  z-index: 1; /* por encima de las cabecitas */
}

/* Cabecitas (sin sombra) */
.an-floater{
  position: absolute;
  will-change: transform;
  transform: translate3d(0,0,0);
  opacity: .9;
  filter: none !important;
}

/* Suavizado en móviles */
@media (max-width:420px){
  .an-floater{ opacity:.75; }
}