/* ARTIS — Hero video overlay
 * Reemplaza la media existente del hero por un vídeo loop muted.
 */
.ar-hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
	pointer-events: none;
	background: #000;
}
.ar-hero-video__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
}
/* Ocultar la media original cuando el vídeo está activo */
.ar-hero-has-video .ar-hero-video__hidden {
	display: none !important;
	visibility: hidden !important;
}
/* Si el hero usa background-image, anularlo */
.ar-hero-has-video.ar-hero-bg-cleared {
	background-image: none !important;
}
/* Asegurar que el contenido del hero queda por encima del vídeo
   SOLO elevamos z-index; nunca cambiamos position (podría romper absolute) */
.ar-hero-has-video > .ar-hero-video { z-index: 0; }
/* prefers-reduced-motion: vídeo loop ambiental no cuenta como animación activa
   — lo dejamos visible pero pausamos cualquier transición CSS */
@media (prefers-reduced-motion: reduce) {
	.ar-hero-video { transition: none; }
}