/* Fondo de cabecera de la portada llevado al resto de la web:
   cielo estrellado en vídeo, sombra tras el texto y partículas.
   js/hero-fondo.js añade .hf a la cabecera e inserta los elementos. */
.hf{position:relative;overflow:hidden;background:none}
.hf>.hf-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.hf>.hf-shade{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,10,20,.62) 0%,rgba(5,10,20,.5) 38%,rgba(5,10,20,0) 64%)}
.hf>.hf-stars,.hf>.sec-stars{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hf>.sv-deco{z-index:1}
.hf::before,.hf::after{z-index:1}
/* El brillo cian de la esquina se cortaba en el borde inferior: lo desvanecemos antes */
.hf::after{-webkit-mask-image:linear-gradient(180deg,#000 25%,transparent 56%);mask-image:linear-gradient(180deg,#000 25%,transparent 56%)}
.hf>.wrap{position:relative;z-index:2}
@media (max-width:900px){.hf>.hf-shade{background:rgba(5,10,20,.45)}}