.oliva-reviews{display:flex;flex-direction:column;gap:12px}.oliva-stars{display:inline-block}.oliva-star{font-size:14px}.oliva-review{padding:12px;border:1px solid #eee;border-radius:12px;background:#fff}.oliva-meta{font-size:12px;opacity:.8}
/* ===== Grid 3 columnas + flechas ===== */
.oo-reviews-wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.oo-reviews-track{
  overflow: auto hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
}

.oo-reviews-grid{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2*48px) / 3); /* 3 columnas visibles con huecos */
  gap: 28px 48px;
  padding: 6px 2px 6px 2px;
  scroll-snap-align: start;
}

@media (max-width: 1024px){
  .oo-reviews-grid{ grid-auto-columns: calc((100% - 28px) / 2); } /* 2 por fila */
}
@media (max-width: 640px){
  .oo-reviews-grid{ grid-auto-columns: 100%; } /* 1 por fila */
}

.oo-review{
  scroll-snap-align: start;
  background: transparent;
  padding: 0;
}

.oo-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:6px;
}
.oo-name{ font-weight:700; color:#3b2c2a; line-height:1.2; }
.oo-date{ color:#7a6e6b; font-size:14px; white-space:nowrap; }

.oo-stars{ margin:2px 0 6px 0; line-height:1; }
.oo-star{ font-size:16px; color:#e0e0e0; letter-spacing:1px; }
.oo-star.filled{ color:#f39c12; }

.oo-text{ color:#4b3f3d; font-size:14px; line-height:1.4; margin:0; }

/* Flechas */
.oo-nav{
  appearance:none; border:0; background:transparent; cursor:pointer;
  font-size:22px; line-height:1; padding:6px 8px; color:#3b2c2a;
  transition: transform .15s ease;
}
.oo-nav:hover{ transform: scale(1.1); }
.oo-prev{ margin-right:6px; }
.oo-next{ margin-left:6px; }

/* Oculta flechas del carrusel del TEMA dentro de nuestro bloque */
.oo-reviews-wrap .slick-arrow,
.oo-reviews-wrap .swiper-button-prev,
.oo-reviews-wrap .swiper-button-next {
  display: none !important;
}

/* Oculta la barra de scroll para un look limpio */
.oo-reviews-track {
  scrollbar-width: none;               /* Firefox */
}
.oo-reviews-track::-webkit-scrollbar { /* Chrome/Safari */
  display: none;
}
/* movimiento suave por si el navegador ignora behavior:smooth en JS */
.oo-reviews-track{ scroll-behavior: smooth; }