/* Gaintt Stacking Cards — frontend styles */

.gsc-stack-container {
	position: relative;
}

.gsc-stack-container > .gsc-stack-card {
	position: -webkit-sticky;
	position: sticky;
	will-change: transform;
	backface-visibility: hidden;
	overflow: hidden;
}

.gsc-stack-container > .gsc-stack-card:not(.gsc-stack-card-last) {
	margin-bottom: var( --gsc-card-spacing, 32px );
}

.gsc-card-number {
	font-size: 14px;
	letter-spacing: 0.05em;
	opacity: 0.7;
}

.gsc-card-image img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: inherit;
}

.gsc-card-title {
	font-size: 28px;
	line-height: 1.2;
}

.gsc-card-text {
	font-size: 16px;
	line-height: 1.5;
}

.gsc-card-button {
	display: inline-block;
	align-self: flex-start;
	border-radius: 999px;
	text-decoration: none;
	font-size: 14px;
}

/* Fix: algunos temas/Elementor agregan overflow:hidden a la Section,
   Container o Column que envuelve al widget (por defecto, o por algún
   efecto de entrada/animación). Un overflow:hidden en CUALQUIER
   ancestro rompe el position:sticky de las cards de adentro — por eso
   a veces la primera card parece funcionar pero de la segunda en
   adelante el efecto se rompe. Esto fuerza overflow:visible en toda
   la cadena de wrappers típica de Elementor.  */
.elementor-widget-gaintt-stacking-cards,
.elementor-widget-gaintt-stacking-cards .elementor-widget-container,
.elementor-element:has(> .elementor-widget-gaintt-stacking-cards),
.elementor-element:has(.elementor-widget-gaintt-stacking-cards) {
	overflow: visible !important;
}