/* assets/css/components/video-covers.css */
/* Estilos específicos para video-covers en cards de productos */
/* OPTIMIZACIÓN MATEMÁTICA PARA YOUTUBE SHORTS (9:16 ratio) */

.video-cover {
  position: relative;
  width: 100%;
  height: 680px;
  overflow: hidden;
  background-color: #000;
}

.video-cover iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  /* FORZAR QUE LLENE TODO EL CONTAINER - PRIORIDAD AL ANCHO */
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
  /* Forzar que se estire para llenar completamente */
  object-fit: cover;
}

/* SCALING AJUSTADO PARA ALTURA 680px */
/* Valores calculados para contenedor de 680px de altura */
@media (max-width: 575px) {
  .video-cover iframe {
    transform: translate(-50%, -50%) scale(1.7);
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .video-cover iframe {
    transform: translate(-50%, -50%) scale(1.5);
  }
}

@media (min-width: 992px) {
  .video-cover iframe {
    transform: translate(-50%, -50%) scale(1.4);
  }
}

/* Asegurar que las imágenes mantengan el mismo tamaño */
.product-card .card-img-top {
  width: 100%;
  height: 680px;
  object-fit: cover;
  border-radius: 0;
}