/* Plenilunio 2026 — cabecera sticky (Astra) */
.pl-sticky-header{
  position:fixed !important;
  top:0;left:0;right:0;width:100%;
  z-index:9999;
  transition:background-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,padding .35s ease;
  background:transparent;
}
/* Estado al hacer scroll: fondo oscuro translúcido + desenfoque, a juego con el cielo */
.pl-sticky-header.pl-sticky-on{
  background:rgba(6,9,26,.72);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 30px -12px rgba(0,0,0,.7);
  border-bottom:1px solid rgba(212,165,82,.22);
}
/* Compacta un poco la altura al fijarse */
.pl-sticky-header.pl-sticky-on .ast-primary-header-bar,
.pl-sticky-header.pl-sticky-on .site-header-primary-section-left,
.pl-sticky-header.pl-sticky-on .main-header-bar{
  transition:min-height .35s ease;
}
.pl-sticky-header.pl-sticky-on .site-logo-img img,
.pl-sticky-header.pl-sticky-on .custom-logo-link img{
  transition:max-height .35s ease;
  max-height:48px;height:auto;
}
/* Espaciador para que el contenido no salte cuando el header pasa a fixed */
.pl-sticky-spacer{width:100%}

/* En páginas del plugin (fondo espacial) el header transparente ya se ve bien;
   forzamos texto claro sobre el hero */
body.pl-page .pl-sticky-header .ast-builder-menu .menu-link,
body.pl-page .pl-sticky-header .site-title a,
body.pl-page .pl-sticky-header .ast-header-navigation-arrow{
  color:#fff;
}
body.pl-page .pl-sticky-header.pl-sticky-on .ast-builder-menu .menu-link:hover{color:var(--pl-gold-hi,#f3d98b)}

@media (prefers-reduced-motion:reduce){
  .pl-sticky-header{transition:none}
}