/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/HotelManager/Componentes/PageReservas.razor. Igual que hoy, es global mientras el componente está en pantalla:
   se enlaza con <link> donde estaba el bloque. Cambios: @@ → @ y capas D-51. */
.res-toggle { border: none; background: none; cursor: pointer; color: var(--hot-petroleo); padding: .2rem; }
.cc-table tr.is-open td { background: #FBFAF7; }
.res-detalle > td { padding: .4rem .7rem 1rem !important; background: #FBFAF7; }
.res-sub { background: #fff; border: 1px solid var(--hot-border); border-radius: 10px; overflow: hidden; }
.hs-lbl { display: block; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; color: var(--hot-muted); font-weight: 700; }
.hs-val { font-family: var(--hv-serif); font-size: 1.4rem; font-weight: 700; color: var(--hot-noche); }