.hero-video-container-38cdd29b {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	/* Forzar alineación a pantalla completa desde cualquier contenedor */
	left: 50%;
	transform: translateX(-50%);
	--hero-anim-duration: 700ms;
}

.hero-bg-video-38cdd29b {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.hero-thumbnail-38cdd29b {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 2;
	transition: opacity var(--hero-anim-duration) ease-in-out;
}

.hero-thumbnail-overlay-38cdd29b {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background-color 0.3s ease, opacity 0.3s ease;
	pointer-events: none;
}

.hero-content-38cdd29b {
	position: relative;
	z-index: 3;
	padding: 2rem;
	max-width: 800px;
	width: 100%;
	transition: opacity var(--hero-anim-duration) ease-in-out, transform var(--hero-anim-duration) ease-in-out;
}

.hero-title-38cdd29b {
	margin-bottom: 1rem;
}

.hero-text-38cdd29b {
	margin-bottom: 2rem;
}

.hero-button-38cdd29b {
	cursor: pointer;
	display: inline-block;
	transition: all 0.3s ease;
}

/* Estado de Reproducción (Animación de salida e inicio de vídeo) */
.hero-video-container-38cdd29b.is-playing .hero-content-38cdd29b {
	opacity: 0;
	transform: translateY(-50px);
	pointer-events: none;
}

.hero-video-container-38cdd29b.is-playing .hero-thumbnail-38cdd29b {
	opacity: 0;
	pointer-events: none;
}