/* NexoPlay · Centrado del marco del carrusel principal.
   Mantiene las dimensiones visuales objetivo en escritorio; solo centra el bloque.
   No cambia el alto, la proporción ni el recorte de las imágenes. */
body.nx-storefront-layout .hero-ref.hero-carousel {
  width: min(1620px, calc(100% - 64px));
  max-width: 1620px;
  margin: 16px auto 20px;
}

@media (max-width: 1100px) and (min-width: 781px) {
  body.nx-storefront-layout .hero-ref.hero-carousel {
    width: calc(100% - 40px);
    margin: 16px auto 20px;
  }
}

@media (max-width: 780px) {
  body.nx-storefront-layout .hero-ref.hero-carousel {
    width: calc(100% - 24px);
    margin: 50px auto 13px;
  }
}