/* =========================================
   FONDO HERO – CORRECCIÓN DEFINITIVA
   ========================================= */

.hero{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background-color: #000;
}

/* FONDO COMO CAPA INDEPENDIENTE */
.hero::before{
  content: "";
  position: absolute;
  inset: 0;

  background-image: url('/img/fondoiptv.png');
  background-repeat: no-repeat;
  background-size: 260% auto;

  /* 🔥 SUBE EL FOCO DE LA IMAGEN */
  background-position: center top;

  /* 🔼 FUERZA VISUAL HACIA ARRIBA */
  transform: translateY(30px);

  z-index: 0;
}

/* OVERLAY OSCURO (NETFLIX) */
.hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.55),
    rgba(0,0,0,0.95),
    rgba(0,0,0,0.115)
  );
  z-index: 1;
}

/* CONTENIDO SIEMPRE ARRIBA */
.hero-content{
  position: relative;
  z-index: 2;
}