/* =====================================================================
   HERO azul oscuro REUTILIZABLE — Full Partituras
   Fuente ÚNICA de verdad. Editar SOLO este archivo y cambia en TODAS
   las páginas que usen class="fphero" (home, /pt, categorías,
   categoría, artista, artistas, transcripciones, perfil).
   Para cambiar el color, las notas o la altura del degradado: aquí.
   ===================================================================== */
.fphero{
  position:relative !important;
  color:#fff !important;
  background:none !important;      /* el fondo lo pinta ::before */
  margin-top:0 !important;
  overflow:visible !important;     /* que ::before pueda ir detrás del menú */
}
/* Fondo azul full-bleed que sube detrás del navbar blanco (queda flush, sin hueco) */
.fphero::before{
  content:"" !important;
  position:absolute !important;
  top:-400px !important; bottom:0 !important;
  left:50% !important; right:auto !important;
  margin-left:-50vw !important; width:100vw !important; height:auto !important;
  background:linear-gradient(135deg,#0a2540 0%,#0058be 62%,#2170e4 100%) !important;
  z-index:0 !important; opacity:1 !important; border:0 !important;
}
/* Notas musicales decorativas arriba a la derecha */
.fphero::after{
  content:"\266a \266b \2669 \266c \266a" !important;
  position:absolute !important;
  top:2px !important; right:-6px !important; left:auto !important; bottom:auto !important;
  font-size:160px !important; line-height:1 !important;
  opacity:.085 !important; color:#fff !important; font-family:serif !important;
  letter-spacing:28px !important; white-space:nowrap !important;
  pointer-events:none !important; z-index:0 !important;
}
/* El contenido del hero queda por encima del fondo y las notas */
.fphero>*{position:relative;z-index:1;}