/* NexoPlay · Carrusel principal de escritorio: encuadre 3:1 sin recortes.
   La imagen interior ocupa el marco real; object-fit se aplica al IMG, no al enlace/div.
   La regla solo afecta a escritorio y no altera el encuadre móvil. */
@media (min-width: 781px) {
  .hero-ref.hero-carousel {
    aspect-ratio: 3 / 1;
    height: auto;
    min-height: 260px;
    max-height: 540px;
  }

  .hero-carousel .hero-slide > .hero-picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .hero-carousel .hero-slide > .hero-picture > img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: center center;
    background: #050a13;
  }

  /* La vista previa de escritorio usa el mismo marco que el carrusel público. */
  .nx-bm-preview-image-wrap:not(.mobile-mode) {
    aspect-ratio: 3 / 1;
    background: #050a13;
  }

  .nx-bm-preview-image-wrap:not(.mobile-mode) img {
    object-fit: contain;
    object-position: center center;
    background: #050a13;
  }
}