@charset "UTF-8";
/* ===== DEPOIMENTOS: carrossel ===== */
.carousel-viewport { overflow: hidden; border-radius: var(--radius); }
.carousel-track { display: flex; gap: 18px; will-change: transform; }

.testimonial {
  flex: 0 0 calc((100% - 18px * (var(--visible, 2) - 1)) / var(--visible, 2));
  padding: 22px;
  border-radius: 16px;
  border: 1.5px solid var(--line);
  background: var(--card);
  box-shadow: 0 0 24px rgba(30, 107, 255, 0.2);
  min-width: 0;
}
.testimonial img {
  width: 76px; height: 76px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--cyan);
  box-shadow: 0 0 16px var(--blue);
  flex: none;
}
.stars { display: flex; gap: 2px; color: #ffc928; margin-bottom: 6px; }
.stars .icon { width: 18px; height: 18px; fill: currentColor; stroke: none; }
.testimonial blockquote { margin: 0; font-size: 1.02rem; line-height: 1.35; }
.testimonial cite { display: block; margin-top: 8px; font-style: normal; font-weight: 700; font-size: 0.92rem; color: var(--cyan); }

.dot {
  width: 11px; height: 11px;
  padding: 0;
  border-radius: 50%;
  border: 0;
  background: #28406e;
  transition: background 0.3s, transform 0.3s;
}
.dot.is-active { background: var(--cyan); box-shadow: 0 0 10px var(--cyan); transform: scale(1.25); }

.autoplay-bar { height: 2px; width: 120px; margin: 14px auto 0; background: rgba(56, 130, 255, 0.2); border-radius: 2px; overflow: hidden; }
.autoplay-bar i { display: block; height: 100%; background: var(--cyan); transform-origin: 0 50%; transform: scaleX(0); }