/* Grupo Nórdico — Nórdico Lotes › Reservas › Agenda de firmas (Bloque B, ver public/reservas-agenda.js): clases rag-.
   Mobile first (390 px): una columna; desde 900 px, la agenda y lo que espera turno lado a lado. */
.rag { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rag-sub { align-self: flex-start; }
.rag-g { display: grid; grid-template-columns: 1fr; gap: 14px; }
.rag-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rag .sec-h h2 { display: flex; align-items: center; gap: 8px; font-size: 15px; }
.rag .sec-h { margin-bottom: 10px; }
.rag-dia { margin-bottom: 12px; }
.rag-dia h3 { margin: 4px 0 6px; }
.rag-f { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; border: 1px solid var(--linea-2); background: var(--hielo-2); border-radius: 10px; padding: 8px 10px; margin-bottom: 4px; cursor: pointer; font: inherit; color: inherit; min-width: 0; }
.rag-f:hover { border-color: var(--azul-2); background: #fff; }
.rag-f .grow { min-width: 0; overflow-wrap: anywhere; flex: 1 1 170px; }
.rag-f { flex-wrap: wrap; }
.rag-h { font: 700 15px var(--fm); color: var(--azul-9); min-width: 46px; }
.rag-cli { font-weight: 600; }
.rag-ahora { border: 1px solid var(--aurora-1); }
/* horarios */
.rag-dias { display: flex; flex-direction: column; gap: 4px; margin: 8px 0 14px; }
.rag-dia-f { display: grid; grid-template-columns: 1fr; gap: 6px; padding: 8px 0; border-bottom: 1px dashed var(--linea); }
.rag-dn { font-size: 13px; }
.rag-fr { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.rag-fr-i { display: inline-flex; align-items: center; gap: 4px; }
.rag-fr-i .inp { width: 124px; padding: 7px 8px; }
.rag-cfg { display: grid; grid-template-columns: 1fr; gap: 0 12px; }
.rag-b { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px dashed var(--linea); }
.rag-nb { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.rag-nb .btn { align-self: flex-start; }
.rag-fechas { display: grid; grid-template-columns: 1fr auto 1fr; gap: 6px; align-items: center; }
.rag-fechas .inp { min-width: 0; }
@media (min-width: 560px) {
  .rag-dia-f { grid-template-columns: 110px 1fr; align-items: center; }
  .rag-cfg { grid-template-columns: 1fr 1fr; }
  .rag-dir { grid-column: 1 / -1; }
}
@media (min-width: 900px) {
  .rag-g { grid-template-columns: 1.6fr 1fr; align-items: start; }
}