/**
 * UNIPAC – Testimoniales: carrusel horizontal (ida y vuelta)
 * Autor: VisorLab en unión con Claude
 * Versión: 1.0
 *
 * Convierte el contenedor grid .uniopac_testimoniales en una fila horizontal.
 * El desplazamiento lo controla unipac-testimoniales-carousel.js mediante la
 * variable --uni-testi-x (sin mover nodos del DOM, así Elementor sigue
 * pudiendo editar cada tarjeta).
 *
 * Tarjetas visibles:
 *   ≥1430px      → 4
 *   768–1429px   → 3
 *   ≤767px       → 1
 */

.uniopac_testimoniales {
	--uni-testi-visibles: 4;
	--uni-testi-x: 0px;

	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	overflow: hidden;
	position: relative;
	touch-action: pan-y;          /* el swipe vertical sigue moviendo la página */
	-webkit-user-select: none;
	user-select: none;
}

@media (max-width: 1429px) {
	.uniopac_testimoniales { --uni-testi-visibles: 3; }
}

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

/* Tarjetas */
.uniopac_testimoniales > .e-con {
	flex: 0 0 calc(100% / var(--uni-testi-visibles)) !important;
	width: calc(100% / var(--uni-testi-visibles)) !important;
	max-width: none !important;
	transform: translate3d(var(--uni-testi-x), 0, 0);
	transition: background-color .35s ease, border-color .3s ease, box-shadow .3s ease !important;
	will-change: transform;
}

/* Estado hover de la tarjeta (como en el video): fondo blanco + comilla rellena */
.uniopac_testimoniales > .e-con:hover {
	background-color: #FFFFFF !important;
}

.uniopac_testimoniales > .e-con .elementor-widget-icon .elementor-icon svg,
.uniopac_testimoniales > .e-con .elementor-widget-icon .elementor-icon svg path {
	transition: fill .35s ease;
}

.uniopac_testimoniales > .e-con:hover .elementor-widget-icon .elementor-icon svg,
.uniopac_testimoniales > .e-con:hover .elementor-widget-icon .elementor-icon svg path {
	fill: #EE7326;
}

/* Cursor de arrastre (sólo cuando el JS está activo) */
.uniopac_testimoniales.is-carousel { cursor: grab; }
.uniopac_testimoniales.is-dragging { cursor: grabbing; }
.uniopac_testimoniales.is-dragging a { pointer-events: none; }
.uniopac_testimoniales img,
.uniopac_testimoniales svg { -webkit-user-drag: none; user-select: none; }

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