@media (max-width: 767px) {
	.mobile-slider {
		overflow: hidden !important;
		position: relative !important;
	}

	.mobile-slider > .e-con-inner,
	.mobile-slider > .mobile-slider-track {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		grid-template-columns: unset !important;
		grid-template-rows: unset !important;
		gap: 0 !important;
		overflow: visible !important;
		transition: transform 0.35s ease !important;
		will-change: transform !important;
		cursor: grab !important;
		user-select: none !important;
	}

	.mobile-slider > .e-con-inner.is-dragging,
	.mobile-slider > .mobile-slider-track.is-dragging {
		cursor: grabbing !important;
		transition: none !important;
	}

	/* Cubre tanto .e-child como .elementor-widget como cualquier hijo directo */
	.mobile-slider > .e-con-inner > *,
	.mobile-slider > .mobile-slider-track > * {
		min-width: 85% !important;
		width: 85% !important;
		flex-shrink: 0 !important;
		margin-right: 12px !important;
		pointer-events: none !important;
	}

	.mobile-slider > .e-con-inner > *:last-child,
	.mobile-slider > .mobile-slider-track > *:last-child {
		margin-right: 0 !important;
	}

	/* Dots: especificidad alta para ganar a Elementor */
	div.mobile-slider-dots {
		all: revert !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 16px 0 0 !important;
		margin: 0 !important;
		width: 100% !important;
		background: transparent !important;
		border: none !important;
		list-style: none !important;
		height: 15px !important;
	}

	div.mobile-slider-dots button.mobile-slider-dot {
		all: revert !important;
		display: block !important;
		width: 8px !important;
		height: 8px !important;
		border-radius: 50% !important;
		background: #cccccc !important;
		cursor: pointer !important;
		transition:
			background-color 0.3s ease,
			transform 0.3s ease !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		outline: none !important;
		flex-shrink: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	div.mobile-slider-dots button.mobile-slider-dot.is-active {
		background: #c8a280 !important;
		transform: scale(1.35) !important;
	}
}

@media (min-width: 768px) {
	div.mobile-slider-dots {
		display: none !important;
	}
}
