/* Tres Video Hover Cards */
.tvhc-card {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: var(--tvhc-ratio, 16/9);
	border-radius: var(--tvhc-radius, 12px);
	overflow: hidden;
	background: #111;
	text-decoration: none;
	transform: translateZ(0); /* fuerza el clip del radius en Safari */
}

.tvhc-card__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Zoom suave opcional */
.tvhc-card--zoom:hover .tvhc-card__video,
.tvhc-card--zoom.is-playing .tvhc-card__video {
	transform: scale(1.05);
}

/* Aviso solo visible para editores cuando falta el video */
.tvhc-card--empty {
	aspect-ratio: 16/9;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f4f6;
	color: #6b7280;
	font: 500 14px/1.4 system-ui, sans-serif;
	border: 1px dashed #d1d5db;
}

@media (prefers-reduced-motion: reduce) {
	.tvhc-card__video {
		transition: none;
	}
	.tvhc-card--zoom:hover .tvhc-card__video {
		transform: none;
	}
}