/* Flatsome Slider – Contenido fijo */

.uxss-wrap {
	position: relative;
}

/* Flechas y dots por encima del overlay (Flatsome no les asigna z-index) */
.uxss-has-static .flickity-prev-next-button,
.uxss-has-static .flickity-page-dots {
	z-index: 4;
}

/* Overlay sobre el slider */
.uxss-overlay {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.uxss-v-top    { justify-content: flex-start; }
.uxss-v-middle { justify-content: center; }
.uxss-v-bottom { justify-content: flex-end; }

.uxss-inner {
	width: 100%;
}

.uxss-h-left   .uxss-inner { text-align: left; }
.uxss-h-center .uxss-inner { text-align: center; }
.uxss-h-right  .uxss-inner { text-align: right; }

/* Dejar pasar drag/swipe, flechas y dots; solo lo interactivo captura el clic */
.uxss-pass {
	pointer-events: none;
}
.uxss-pass a,
.uxss-pass button,
.uxss-pass input,
.uxss-pass select,
.uxss-pass textarea,
.uxss-pass label,
.uxss-pass iframe,
.uxss-pass video,
.uxss-pass [role="button"],
.uxss-pass [tabindex] {
	pointer-events: auto;
}

/* Fuera de un slider o en el editor: flujo normal */
.uxss-overlay.uxss-inline {
	position: relative;
	inset: auto;
	pointer-events: auto;
}

/* Móvil: debajo del slider */
@media (max-width: 549px) {
	.uxss-overlay.uxss-sm-below {
		position: relative;
		inset: auto;
		pointer-events: auto;
	}
}

/* Vista en el UX Builder */
.uxss-editor {
	position: relative;
	min-height: 120px;
	outline: 2px dashed rgba(68, 111, 255, .6);
	outline-offset: -2px;
}
.uxss-editor-label {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 10;
	padding: 4px 6px;
	border-radius: 3px;
	background: #446fff;
	color: #fff;
	font: 600 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	pointer-events: none;
}