/* Grupo Nórdico — Nórdico Lotes › Reservas: la cáscara (ver public/reservas.js). Cada sección trae su hoja:
   reservas-solicitudes.css (rsol-, Bloque B: solicitudes e historial), reservas-agenda.css (rag-, Bloque B: la agenda de
   firmas) y reservas-link.css (rln-, Bloque A: el link de reservas dentro de la app y el PIN en Mi perfil). Usa la paleta y
   las piezas de app.css (seg, card, hero-c, btn, vacio-g…). */
.rs-hero { margin-bottom: 14px; }
.rs-hero p { margin: 4px 0 0; }
.rs-mira { background: rgba(255, 255, 255, .16); color: #fff; align-self: flex-start; }
.rs-tabs { margin-bottom: 14px; }
.rs-tabs button { padding: 8px 13px; }
.rs-cuerpo { min-height: 200px; }
.rs-mail { max-width: 620px; }
.rs-mail .campo { margin-top: 10px; }
.rs-cuenta { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; max-width: 900px; }
.rs-cuenta .sec-h { flex-wrap: wrap; gap: 8px; }
.rs-cuenta .sec-h h2 { display: flex; align-items: center; gap: 8px; }
.rs-cuenta .tag { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-pronto { opacity: .85; }
@media (max-width: 720px) {
  .rs-hero { flex-wrap: wrap; }
  .rs-tabs { display: flex; flex-wrap: wrap; width: 100%; }
  .rs-tabs button { flex: 1 1 auto; justify-content: center; padding: 8px 6px; white-space: nowrap; }
}