/* =========================
   FEEDBACK SLIDER (mobile-first)
========================= */

.fb-slider{
  position: relative;
  margin-top: 14px;
}

.fb-viewport{
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  border-radius: 18px;
}
.fb-viewport::-webkit-scrollbar{ display:none; }

.fb-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 88%;
  gap: 12px;
  padding: 6px 2px 10px;
}

.fb-card{
  scroll-snap-align: start;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.fb-quote{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text);
}

.fb-quote:before{
  content: "“";
  display: inline-block;
  margin-right: 6px;
  color: rgba(198,104,38,.75); /* laranja forte sutil */
  font-weight: 800;
}

.fb-quote:after{
  content: "”";
  margin-left: 2px;
  color: rgba(198,104,38,.75);
  font-weight: 800;
}

/* Dots */
.fb-dots{
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.fb-dot{
  width: 7px;
  height: 7px;
  border-radius: 999px;
  border: 1px solid rgba(198,104,38,.20);
  background: rgba(198,104,38,.12);
  cursor: pointer;
}

.fb-dot[aria-current="true"]{
  width: 20px;
  background: rgba(198,104,38,.55);
  border-color: rgba(198,104,38,.35);
}

/* Nav buttons: escondidos no mobile, aparecem no desktop */
.fb-nav{
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(27,27,27,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  align-items: center;
  justify-content: center;
}

.fb-prev{ left: -50px; }
.fb-next{ right: -50px; }

/* Desktop: cards menores e botões visíveis */
@media (min-width: 860px){
  .fb-track{
    grid-auto-columns: 48%;
    gap: 14px;
    padding: 8px 6px 12px;
  }
  .fb-nav{ display: inline-flex; }
}