/**
 * Zenth Toolkit · Servicios Carrusel — DELTAS
 *
 * Reutiliza el carrusel del shop (`shop-featured-carousel.css`, clases
 * `.zenth-fc-*`) vía dependencia: este archivo se registra con
 * dependencia de `zenth-shop-featured-carousel`, así carga DESPUÉS y puede
 * sobreescribir. Solo define lo que difiere para servicios:
 *
 *   1. Barra de solo-flechas a la derecha (el header se arma en Elementor).
 *   2. CTA "Cotizar Proyecto" siempre visible (en el shop aparece en hover
 *      porque es e-commerce; acá es un CTA de marketing permanente).
 *
 * Todo scoped a `.zenth-servicios` para no afectar al carrusel de /tienda/.
 *
 * ─────────────────────────────────────────────────────────────────────────
 * ÍNDICE
 *   §1  Carrusel deltas   → barra de flechas + alineación del __bottom
 *   §2  Responsive        → (sin breakpoints de tamaño) + a11y/capacidad
 * ─────────────────────────────────────────────────────────────────────────
 * BREAKPOINTS usados acá:  ninguno de tamaño (max-width/min-width).
 *   Solo 1 media de CAPACIDAD (hover: hover) and (pointer: fine) para el
 *   CTA siempre-visible en hover-devices. Vive en §2.
 * ─────────────────────────────────────────────────────────────────────────
 */


/* ═══════════════════════════════════════════════════════════════════════
   §1 · CARRUSEL DELTAS
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. Barra de solo-flechas, alineada a la derecha arriba del track. */
.zenth-servicios .zenth-fc-head--arrows-only {
	display: flex;
	justify-content: flex-end;
	margin-bottom: clamp(16px, 2vw, 28px);
}

/* Como la card de servicio no tiene precio, el __bottom queda solo con el CTA:
   lo alineamos a la izquierda (como el mockup), por si algún reset lo centra. */
.zenth-servicios .zenth-fc-card__bottom {
	justify-content: flex-start;
}


/* ═══════════════════════════════════════════════════════════════════════
   §2 · RESPONSIVE
   ───────────────────────────────────────────────────────────────────────
   No hay @media de TAMAÑO en este archivo. Solo la media de CAPACIDAD de
   abajo, que NO es un breakpoint y va en su propia subsección.
   ═══════════════════════════════════════════════════════════════════════ */

/* ───────────── ACCESIBILIDAD / CAPACIDAD · hover + pointer fino ───────── */
/* 2. CTA siempre visible (neutraliza el hover-reveal del shop en hover-devices).
   Mayor especificidad (.zenth-servicios ...) + carga posterior → gana sin !important. */
@media (hover: hover) and (pointer: fine) {
	.zenth-servicios .zenth-fc-card__cta {
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
}