/**
 * UNIPAC – Casos de éxito: carrusel horizontal (ida y vuelta)
 * Autor: VisorLab en unión con Claude
 * Versión: 1.0
 *
 * .unipac_casos_de_exito (contenedor "boxed" de Elementor) pasa de grid a una
 * sola fila. La primera tarjeta arranca alineada con el contenido (.e-con-inner)
 * y el resto se asoma hasta el borde de la ventana. El desplazamiento lo
 * controla unipac-casos-exito-carousel.js con la variable --uni-casos-x.
 *
 * Tarjetas que caben dentro del ancho de contenido:
 *   ≥1025px      → 3
 *   768–1024px   → 2
 *   ≤767px       → 1
 */

.unipac_casos_de_exito {
	--uni-casos-visibles: 3;
	--uni-casos-gap: var(--column-gap, 100px);   /* toma el gap de columnas de Elementor */
	--uni-casos-x: 0px;
	--uni-casos-sep: #7E4292;                     /* color de la línea punteada */

	overflow: hidden;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
}

@media (max-width: 1024px) {
	.unipac_casos_de_exito { --uni-casos-visibles: 2; }
}

@media (max-width: 767px) {
	.unipac_casos_de_exito { --uni-casos-visibles: 1; }
}

.unipac_casos_de_exito > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start;
	gap: 0 var(--uni-casos-gap) !important;
	overflow: visible !important;
}

/* Tarjetas */
.unipac_casos_de_exito > .e-con-inner > .e-con {
	flex: 0 0 calc((100% - (var(--uni-casos-visibles) - 1) * var(--uni-casos-gap)) / var(--uni-casos-visibles)) !important;
	width: calc((100% - (var(--uni-casos-visibles) - 1) * var(--uni-casos-gap)) / var(--uni-casos-visibles)) !important;
	max-width: none !important;
	transform: translate3d(var(--uni-casos-x), 0, 0);
	transition: none !important;
	will-change: transform;
}

/* Línea punteada vertical entre tarjetas, a la altura del título (como en el video) */
.unipac_casos_de_exito > .e-con-inner > .e-con:not(:first-child) > .e-con:last-child {
	position: relative;
	overflow: visible;
}
.unipac_casos_de_exito > .e-con-inner > .e-con:not(:first-child) > .e-con:last-child::before {
	content: "";
	position: absolute;
	top: 0;
	left: calc(var(--uni-casos-gap) / -2);
	height: 40px;
	border-left: 2px dotted var(--uni-casos-sep);
	pointer-events: none;
}

/* Arrastre */
.unipac_casos_de_exito.is-carousel { cursor: grab; }
.unipac_casos_de_exito.is-dragging { cursor: grabbing; }
.unipac_casos_de_exito.is-dragging a { pointer-events: none; }
.unipac_casos_de_exito img,
.unipac_casos_de_exito svg { -webkit-user-drag: none; user-select: none; }

/* Dentro del editor de Elementor: sin animación, con scroll manual para editar */
.elementor-editor-active .unipac_casos_de_exito {
	-webkit-user-select: auto;
	user-select: auto;
}
.elementor-editor-active .unipac_casos_de_exito > .e-con-inner { overflow-x: auto !important; }
.elementor-editor-active .unipac_casos_de_exito > .e-con-inner > .e-con { transform: none; }
.elementor-editor-active .unipac_casos_de_exito .e-grid-outline { display: none; }