.rr-miembros-wrap { --rr-gap:16px; --rr-card-pad:10px; }
.rr-miembros-bar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:16px; }
.rr-miembros-btn {
  border:1px solid #ddd; padding:6px 10px; border-radius:8px; cursor:pointer;
  background:#fff; font-size:12px; line-height:1; transition:all .15s ease;
}
.rr-miembros-btn:hover { background:#f5f5f5; transform:translateY(-1px); }
.rr-miembros-btn.is-active { background:#111; color:#fff; border-color:#111; }

/* Grid: 1 columna por defecto (móvil) */
.rr-miembros-grid {
  display: grid;
  gap: var(--rr-gap, 16px);
  grid-template-columns: 1fr;
}

/* A partir de 768px (puedes subir a 1024px si lo prefieres), 3 columnas fijas */
@media (min-width: 768px) {
  .rr-miembros-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.rr-miembro-card {
  background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden;
  display:flex; flex-direction:column; transition: box-shadow .2s ease, transform .2s ease;
}
.rr-miembro-card:hover { box-shadow:0 6px 18px rgba(0,0,0,.08); transform: translateY(-2px); }

.rr-miembro-media { display:block; aspect-ratio: 4/3; background:#fafafa; position:relative; overflow:hidden; }
.rr-miembro-thumb { width:100%; height:100%; object-fit:cover; display:block; }
.rr-miembro-noimg { display:flex; align-items:center; justify-content:center; font-weight:700; font-size:40px; color:#666; }

.rr-miembro-title { font-size:14px; margin:0; padding: var(--rr-card-pad) var(--rr-card-pad) 14px; text-align:center; }
.rr-miembro-title a { text-decoration:none; color:#111; }
.rr-miembros-empty { padding:16px; text-align:center; background:#fafafa; border:1px dashed #ddd; border-radius:12px; }

.rr-loading { opacity:.6; pointer-events:none; filter:grayscale(0.2); }