/* Vídeo protagonista en la galería de la ficha. El vídeo (vertical/teléfono) se muestra ENTERO (contain),
   integrándose con la galería editorial del tema. No recorta el vídeo. */
.productvideo-cover {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* Móvil / tablet: caja vertical para el vídeo de teléfono. */
    aspect-ratio: 3 / 4;
}
.productvideo-cover__video {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    object-fit: contain; /* vídeo vertical completo, con franjas laterales; nunca se recorta */
    background: #fff;
    display: block;
}

/* Escritorio (galería editorial del tema, cada pieza a 100vh): el vídeo también ocupa el alto del viewport,
   como protagonista, pero CONTAIN para no recortarlo (las fotos usan cover; el vídeo no). */
@media (min-width: 992px) {
    .product__carousel .carousel-item.productvideo-cover {
        aspect-ratio: auto;
        height: 100vh;
    }
}

/* Miniatura del vídeo con indicador de reproducción (solo se ve donde el tema muestra miniaturas: móvil). */
.productvideo-thumb {
    position: relative;
}
.productvideo-thumb__play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
    background: rgba(0, 0, 0, .35);
    border-radius: inherit;
    pointer-events: none;
}