/* ===============================================================
   BASE / MODO ESTÁTICO (sin JS o movimiento reducido)
================================================================*/
.gm-sv__sticky { position: relative; }
.gm-sv__video {
	display: block;
	width: 100%;
	height: auto;
}
.gm-sv--static .gm-sv__sticky { min-height: 60vh; overflow: hidden; }
.gm-sv--static .gm-sv__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Overlay de texto */
.gm-sv__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
   margin-top: 20px;
	text-align: center;
	padding: 2rem;
	color: #fff;
	pointer-events: none;
}
.gm-sv__overlay a,
.gm-sv__overlay button { pointer-events: auto; }

/* ===============================================================
   EFECTO PIN (con JS): scrubbing
================================================================*/
.gm-sv--ready { position: relative; } /* la altura la fija el JS */

.gm-sv--ready .gm-sv__sticky {
	position: sticky;
	top: 125px;                 /* si tienes header sticky, usa su altura */
	height: calc(100vh - 125px);
	height: calc(100svh - 125px);
	overflow: hidden;
}
.gm-sv--ready .gm-sv__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}