/* Brisa Nómade — bloque de reseñas de Google */
.rg-wrap { position: relative; }

/* resumen: nota + estrellas + total */
.rg-resumen {
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
  background: #111820; border: 1px solid #223039; border-radius: 14px;
  padding: 22px 26px; margin-bottom: 30px;
}
.rg-resumen .rg-g { width: 30px; height: 30px; flex-shrink: 0; }
.rg-resumen-nota { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.rg-resumen-nota strong {
  font-family: 'Bebas Neue', sans-serif; font-size: 2.7rem; line-height: 1;
  color: var(--blanco, #F5F0E8); letter-spacing: .02em;
}
.rg-resumen-nota span { font-size: .84rem; color: #8aa8b5; }
.rg-resumen-link {
  margin-left: auto; color: var(--naranja, #D97B3A); text-decoration: none;
  font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
.rg-resumen-link:hover { text-decoration: underline; }

/* estrellas */
.rg-estrellas { color: #F5B800; font-size: 1rem; letter-spacing: .08em; display: inline-block; }
.rg-estrellas i { color: #3a444c; font-style: normal; }
.rg-estrellas.grande { font-size: 1.3rem; }

/* carrusel */
.rg-slider {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(310px, 1fr);
  gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding-bottom: 10px; scrollbar-width: thin; scrollbar-color: #2a3a44 transparent;
}
.rg-slider::-webkit-scrollbar { height: 7px; }
.rg-slider::-webkit-scrollbar-thumb { background: #2a3a44; border-radius: 4px; }

.rg-card {
  scroll-snap-align: start;
  background: #111820; border: 1px solid #223039; border-radius: 14px;
  padding: 22px 24px; display: flex; flex-direction: column;
}
.rg-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.rg-avatar {
  width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, var(--azul, #1E5F74), var(--naranja, #D97B3A));
  color: #fff; font-weight: 700; font-size: .88rem;
  display: flex; align-items: center; justify-content: center;
}
.rg-quien { flex: 1; min-width: 0; }
.rg-nombre { margin: 0; font-size: .9rem; font-weight: 600; color: var(--blanco, #F5F0E8); }
.rg-fecha  { margin: 2px 0 0; font-size: .74rem; color: #6f8391; }
.rg-card .rg-g { width: 19px; height: 19px; flex-shrink: 0; }

.rg-texto {
  margin: 11px 0 0; font-size: .87rem; line-height: 1.68; color: #b8b0a0;
}
.rg-texto.recortado {
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.rg-mas {
  align-self: flex-start; margin-top: 8px; padding: 0;
  background: none; border: none; cursor: pointer;
  color: var(--naranja, #D97B3A); font-family: 'Raleway', sans-serif;
  font-size: .78rem; font-weight: 600; text-decoration: underline;
}
.rg-respuesta {
  margin-top: 14px; padding: 12px 14px; border-radius: 9px;
  background: rgba(217,123,58,.07); border-left: 3px solid var(--naranja, #D97B3A);
}
.rg-respuesta strong {
  display: block; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--naranja, #D97B3A); margin-bottom: 5px;
}
.rg-respuesta p { margin: 0; font-size: .8rem; color: #9aa8b0; line-height: 1.6; }

/* marca de agua mientras sean de ejemplo */
.rg-card.es-ejemplo { position: relative; }
.rg-card.es-ejemplo::after {
  content: 'EJEMPLO'; position: absolute; top: 12px; right: 12px;
  font-size: .58rem; letter-spacing: .16em; color: #55636d;
  border: 1px solid #33404a; border-radius: 4px; padding: 2px 6px;
}

.rg-flechas { display: flex; gap: 9px; justify-content: flex-end; margin-top: 16px; }
.rg-flechas button {
  width: 40px; height: 40px; border-radius: 50%; cursor: pointer;
  background: none; border: 1px solid #2a3a44; color: #8aa8b5;
  font-size: 1.35rem; line-height: 1;
}
.rg-flechas button:hover { border-color: var(--naranja, #D97B3A); color: var(--naranja, #D97B3A); }

@media (max-width: 600px) {
  .rg-slider { grid-auto-columns: minmax(268px, 1fr); gap: 14px; }
  .rg-resumen { padding: 18px; gap: 14px; }
  .rg-resumen-link { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .rg-slider { scroll-behavior: auto; } }