/* estilo-22 · Arqui, 14-oct-2026 · nueva reserva desde el cuarto (app-92).
   Solo lo nuevo: los titulos de categoria dentro de la rejilla de cuartos, la
   linea que cuenta los libres, la barra mientras se leen otras fechas y el
   boton de la ventanita del cuarto. Todo con los tokens del sistema, asi que
   sigue a los temas claro y nocturno sin un color a mano. */

/* El titulo de categoria ocupa la fila completa de la rejilla .ohcu
   (estilo-11): los numeros quedan juntos debajo de su categoria. */
.ohcu .oh92-cat{grid-column:1/-1;margin:var(--o-e2) 0 0;
  font-size:var(--o-nota);font-weight:var(--o-fuerte);color:var(--o-texto2);
  letter-spacing:.02em}
.ohcu .oh92-nota{grid-column:1/-1;font-size:var(--o-nota);color:var(--o-texto3);
  line-height:1.45;margin:var(--o-e1) 0 0}
.ohcu .oh92-nota.mal{color:var(--o-alarma);font-weight:var(--o-fuerte)}
.ohcu .oh92-nota .ohb{margin-left:var(--o-e1)}

/* Mientras llegan las reservas de esas fechas: una barra que avanza, nunca un
   hueco quieto. */
.ohcu .oh92-carga{display:grid;gap:var(--o-e1)}
.oh92-barra{display:block;height:4px;border-radius:4px;overflow:hidden;
  background:var(--o-linea)}
.oh92-barra i{display:block;height:100%;width:40%;border-radius:4px;
  background:var(--o-acento);animation:oh92va 1.1s ease-in-out infinite}
@keyframes oh92va{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@media(prefers-reduced-motion:reduce){.oh92-barra i{animation:none;width:100%;opacity:.5}}

/* La ventanita del cuarto: el boton nuevo va arriba de los otros cuatro, con
   la misma forma, y su nota alineada a la misma orilla. */
.ohqm .oh92-mg{margin-top:var(--o-e3)}
.ohqm .oh92-mn{margin:var(--o-e1) 0 0}