/* ==========================================================================
   CHUBUT EXPLORERS · opiniones.css
   Estilos de la página pública de opiniones (opiniones.html).
   ========================================================================== */

.opiniones { padding-top: var(--alto-header); }

.opiniones-hero {
  background: var(--verde-bosque);
  color: #fff;
  padding: clamp(34px, 5vw, 56px) 0 clamp(30px, 4vw, 44px);
}
.opiniones-hero .eyebrow { color: var(--ambar-claro); }
.opiniones-hero__back {
  display: inline-block;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.4);
  color: #fff; text-decoration: none;
  border-radius: 20px; padding: 7px 15px;
  font-size: 13px; font-weight: 600; margin-bottom: 18px;
}
.opiniones-hero__title { font-weight: 900; font-size: clamp(30px, 5vw, 50px); margin: 0 0 22px; line-height: 1; }
.opiniones-hero__resumen { display: flex; align-items: center; gap: 16px; }
.opiniones-hero__nota { font-family: var(--fuente-titulos); font-weight: 900; font-size: 44px; line-height: 1; }
.opiniones-hero__stars { color: var(--ambar); font-size: 19px; letter-spacing: 3px; }
.opiniones-hero__basado { margin: 4px 0 0; color: #cfe0cd; font-size: 14px; }

.opiniones-lista-wrap { padding: clamp(34px, 5vw, 56px) 0 clamp(56px, 8vw, 90px); }
.opiniones-filtros { margin-bottom: 22px; }

.opiniones-tabla { display: flex; flex-direction: column; gap: 12px; }
.opinion-row {
  display: grid;
  grid-template-columns: 2.4fr 1.2fr .9fr 1fr;
  gap: 18px;
  align-items: start;
  background: #fff;
  border-radius: 12px;
  padding: 18px 22px;
  box-shadow: 0 4px 16px rgba(20,40,25,.06);
}
.opinion-row--head {
  background: transparent;
  box-shadow: none;
  padding: 0 22px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--texto-suave);
}
.opinion-row__name { display: block; color: var(--verde-bosque); font-size: 16px; margin-bottom: 5px; }
.opinion-row__text { margin: 0; color: #3c443a; font-size: 14.5px; line-height: 1.5; }
.opinion-row__exp { color: var(--ambar); font-weight: 600; font-size: 14px; text-decoration: none; }
.opinion-row__exp:hover { text-decoration: underline; }
.opinion-row__date { color: var(--texto-suave); font-size: 14px; }
.opinion-row__stars { color: var(--ambar); font-size: 15px; letter-spacing: 1.5px; white-space: nowrap; }

.opiniones-vacio { text-align: center; color: var(--texto-suave); padding: 40px; background: #fff; border-radius: 12px; }

/* Responsive: las filas pasan a tarjetas apiladas */
@media (max-width: 760px) {
  .opinion-row--head { display: none; }
  .opinion-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .opinion-row__exp { order: 2; }
  .opinion-row__stars { order: 1; }
  .opinion-row__date { order: 3; font-size: 13px; }
}