/* Video principal compartido. La imagen queda oculta y solo aparece si el video falla. */
[data-video-shell] {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

[data-video-shell] [data-video-fallback] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
}

[data-page-video] {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
}

[data-video-shell].is-video-fallback [data-page-video] {
  opacity: 0;
  visibility: hidden;
}

[data-video-shell].is-video-fallback [data-video-fallback] {
  opacity: 1;
  visibility: visible;
}

.hero-catalog__bg [data-page-video],
.journal-hero__media [data-page-video] {
  z-index: 0;
}

.hero-catalog__bg [data-video-fallback],
.journal-hero__media [data-video-fallback] {
  z-index: 0;
}

.hero-catalog__grid,
.hero-catalog__glow,
.hero-catalog__noise {
  position: absolute;
  z-index: 1;
}

.journal-hero {
  position: relative;
  isolation: isolate;
  color: #fff;
}

.journal-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.journal-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(2, 29, 52, .9), rgba(2, 38, 68, .56));
  pointer-events: none;
}

@media (max-width: 768px) {
  [data-page-video] { object-position: center center; }
  .page-header { min-height: 430px; }
  .hero-catalog__bg [data-page-video] { object-position: 58% center; }
}