/* ==========================================================================
   ALEXANDRIA - EL VIDEO DE FONDO DE LAS NOTICIAS
   ==========================================================================
   OJO: este archivo SOLO coloca el video y agranda el titulo.
        NO cambia ningun color de la web.
        Los colores son los de SIEMPRE (dorado y azul de Alexandria).
   ========================================================================== */

/* El video, fijo detras de todo */
.noti-video-fondo {
  position: fixed;
  inset: 0;
  z-index: -3;
  overflow: hidden;
  background: #06090d;
}

/* La proporcion EXACTA del video (16:9), sin estirarlo */
.noti-video-fondo .yt-caja,
.noti-video-fondo .yt-caja iframe,
.noti-video-fondo iframe,
.noti-video-fondo video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%) scale(1.01);
  border: 0;
  pointer-events: none !important;
  filter: none !important;
  object-fit: cover;
}
@media (min-aspect-ratio: 16/9) {
  .noti-video-fondo .yt-caja,
  .noti-video-fondo .yt-caja iframe,
  .noti-video-fondo iframe,
  .noti-video-fondo video {
    width: 100vw;
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .noti-video-fondo .yt-caja,
  .noti-video-fondo .yt-caja iframe,
  .noti-video-fondo iframe,
  .noti-video-fondo video {
    width: 177.78vh;
    height: 100vh;
  }
}

/* La capa para que el texto se lea. Con los colores de siempre (azul oscuro) */
.noti-video-velo {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(6,9,13,.22) 0%,
    rgba(6,9,13,.30) 38%,
    rgba(6,9,13,.58) 76%,
    rgba(6,9,13,.84) 100%);
}

/* El titulo, GRANDE, encima del video */
.noti-cabecera {
  position: relative;
  min-height: 58vh;
  display: flex;
  align-items: center;
  padding: 6rem 0 5rem;
  border-bottom: 1px solid rgba(248,183,0,.35);
  background: transparent !important;
}
.noti-cabecera .contenedor {
  position: relative;
  z-index: 2;
}
.noti-cabecera h1,
.noti-cabecera .titulo-seccion {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3rem, 9vw, 6.5rem) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  color: #fff !important;
  margin-bottom: 1.1rem !important;
  text-shadow: 0 4px 26px rgba(0,0,0,1), 0 0 70px rgba(0,0,0,.95) !important;
}
.noti-cabecera .titulo-seccion::after {
  width: 160px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #ffe083, #f8b700 45%, rgba(248,183,0,0) 100%) !important;
  box-shadow: 0 0 20px rgba(248,183,0,.6) !important;
}
.noti-cabecera p {
  font-size: 1.12rem !important;
  max-width: 660px !important;
  text-shadow: 0 2px 16px rgba(0,0,0,1), 0 0 50px rgba(0,0,0,.9) !important;
}
@media (max-width: 700px) {
  .noti-cabecera {
    min-height: 44vh;
    padding: 4rem 0 3rem;
  }
}