/* ── Galería Instantánea Widget ──────────────────────────────── */

/* El wrapper del Elementor necesita overflow visible para que
   las cartas apiladas detrás sean visibles fuera del bounding box */
.elementor-widget-invitarte_galeria_instantanea {
	overflow: visible !important;
}

/* Outer: centra la galería dentro de la columna.
   max-width viene del control responsivo. */
.inv-gi-outer {
	display:       block;
	margin-left:   auto;
	margin-right:  auto;
}

/* Contenedor Swiper: height viene del control responsivo.
   overflow visible para el efecto cards (cartas apiladas sobresalen). */
.inv-gi-swiper {
	width:    100%;
	height:   400px;
	overflow: visible;
}

/* iOS Safari: passive event listener compliance */
.inv-gi-swiper {
	touch-action: pan-y;
}

/* Cada slide ocupa la altura completa del swiper */
.inv-gi-swiper .swiper-slide {
	display:         flex;
	align-items:     stretch;
	justify-content: center;
	height:          100%;
}

/* ── Marco (Polaroid Frame) ──────────────────────────────────── */

/* El marco interior es el "papel" de la foto instantánea.
   background-color, padding, border-radius, border y box-shadow
   vienen todos de los controles de Elementor.
   Aquí solo los defaults estructurales. */
.inv-gi-slide-inner {
	display:          flex;
	flex-direction:   column;
	width:            100%;
	height:           100%;
	background-color: #ffffff;
	padding:          16px 16px 40px 16px;
	box-sizing:       border-box;
}

/* ── Imagen dentro del marco ─────────────────────────────────── */

/* flex: 1 1 auto + min-height: 0 hace que la imagen ocupe todo el
   espacio disponible dentro del marco (después del padding) sin
   importar el aspect ratio original. object-fit: cover recorta
   desde el centro para rellenar ese espacio limpiamente. */
.inv-gi-img {
	display:         block;
	width:           100%;
	flex:            1 1 auto;
	min-height:      0;
	object-fit:      cover;
	object-position: center;
}

/* ── Cards-effect refinements ────────────────────────────────── */

/* Las cartas de fondo no deben ser clickeables */
.inv-gi-swiper .swiper-slide:not(.swiper-slide-active) {
	pointer-events: none;
}