/* Mantiene el primer encuadre completamente negro aunque la imagen se desplace durante el zoom. */
    .view-home .scroll-logo-hero,
    .view-home .scroll-logo-stage,
    .view-home .scroll-logo-lock {
      background: #000 !important;
    }

    /* La portada conserva completa su proporción 16:9 en cualquier pantalla. */
    .view-home .scroll-logo-stage {
      min-height: 100vh;
      min-height: 100svh;
      overflow: hidden;
    }

    .view-home .scroll-logo-lock {
      width: min(88vw, calc(86vh * 1.7778), 1440px);
      width: min(88vw, calc(86svh * 1.7778), 1440px);
    }

    @media (max-width: 760px) {
      .view-home .scroll-logo-lock {
        width: min(86vw, calc(78vh * 1.7778));
        width: min(86vw, calc(78svh * 1.7778));
      }
    }

    @media (max-height: 520px) and (orientation: landscape) {
      .view-home .scroll-logo-lock {
        width: min(82vw, calc(72vh * 1.7778));
        width: min(82vw, calc(72svh * 1.7778));
      }
    }