/* vc — Video Card (_block_video_trailer_v2.html)
   Temporal: validar aquí antes de promover a _html_themekit-styles.scss */

/* Fondo blur — siempre visible, rellena el espacio lateral para ratios no 16:9 */
.vc-bg {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-size: cover; background-position: center;
	filter: blur(20px); transform: scale(1.1);
}

/* Imagen en contain — centrada sobre el fondo blur */
.vc-img {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	object-fit: contain; width: 100%; height: 100%;
}

/* Carousel — slide oculto por defecto, fade-in al activarse */
.vc-slide        { opacity: 0; position: absolute; inset: 0; pointer-events: none; will-change: opacity; }
.vc-slide.active { opacity: 1; transition: opacity 0.5s; pointer-events: auto; }

/* Preview — blur de fondo propio + video en contain. Ambos opacity 0→1 en hover. */
.vc-preview-bg {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-size: cover; background-position: center;
	filter: blur(20px); transform: scale(1.1);
	opacity: 0; transition: opacity 0.3s; pointer-events: none;
}
.vc-preview {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	object-fit: contain;
	opacity: 0; transition: opacity 0.3s; pointer-events: none;
}