/**
 * @file
 * css/view-testimonios-diseno-2026.css
 *
 * Estilos mínimos para el carrusel de testimonios_diseno_2026.
 * Complementa Tailwind con los estilos de Swiper que necesitan override.
 */

/* ── Swiper wrapper ── */
.vw-tt-swiper {
  /* Necesario para que Swiper calcule el clip correctamente */
  overflow: hidden;
}

/* ── Contenedor de paginación ─────────────────────────────────────── */

/* Swiper suele poner display:block; lo forzamos a inline-flex centrado */
.js-tt-swiper-pagination.vw-tt-pagination {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem; /* gap-2 */
}

/* ── Bullets ───────────────────────────────────────────────────────── */

/* Bullet inactivo */
.swiper-pagination-bullet.vw-tt-pagination-bullet {
  opacity: 1;
  flex-shrink: 0;
  background-color: rgb(156 163 175); /* gray-400 */
  width: 0.625rem;  /* w-2.5 = 10px */
  height: 0.625rem; /* h-2.5 = 10px */
  margin: 0 !important; /* Swiper añade márgenes que rompem el gap */
}

/* Bullet activo — pill dorado expandido */
.swiper-pagination-bullet-active.vw-tt-pagination-bullet {
  background-color: var(--color-accent, #B5985A);
  width: 2rem; /* w-8 = 32px */
}

/* ── Botones prev / next ──────────────────────────────────────────── */

/* Cuando Swiper los deshabilita */
.vw-tt-btn-prev.vw-tt-btn--disabled,
.vw-tt-btn-next.vw-tt-btn--disabled {
  opacity: 0.4;
  pointer-events: none;
}