/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/HotelManager/Modales/ModalNuevaReservaHotel.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. */
.nr-head-sub { margin-left: auto; font-size: .78rem; opacity: .85; }
.nr-close { background: transparent; border: none; color: #fff; font-size: 1.05rem; cursor: pointer; margin-left: .6rem; opacity: .85; }
.nr-close:hover { opacity: 1; }
.nr-steps { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--hot-border); background: #FBFAF7; }
.nr-step { display: flex; align-items: center; gap: .5rem; padding: .65rem 1rem; font-size: .8rem; color: var(--hot-muted); font-weight: 600; cursor: default; border-bottom: 3px solid transparent; }
.nr-step.is-done { cursor: pointer; color: var(--hot-petroleo); }
.nr-step.is-active { color: var(--hot-noche); border-bottom-color: var(--hot-petroleo); background: #fff; }
.nr-step-num { width: 22px; height: 22px; border-radius: 50%; background: #E6E2D8; color: var(--hot-ink); display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 700; }
.nr-step.is-active .nr-step-num { background: var(--hot-petroleo); color: #fff; }
.nr-step.is-done .nr-step-num { background: #146C3A; color: #fff; }
.nr-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.nr-span2 { grid-column: span 2; }
.nr-hint { font-size: .8rem; color: var(--hot-muted); margin: .8rem 0 0; display: flex; align-items: center; gap: .4rem; }
.nr-ok { color: #146C3A; font-size: .86rem; margin-top: .75rem; display: flex; align-items: center; gap: .4rem; }
.nr-unidades { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .7rem; }
.nr-unidad { border: 2px solid var(--hot-border); border-radius: 12px; padding: .7rem .8rem; cursor: pointer; background: #fff; transition: border-color .15s, box-shadow .15s; }
.nr-unidad:hover { border-color: var(--hot-petroleo); }
.nr-unidad.is-selected { border-color: #146C3A; background: #F2FAF5; box-shadow: 0 0 0 3px rgba(20,108,58,.12); }
.nr-unidad-top { display: flex; justify-content: space-between; align-items: center; }
.nr-unidad-cod { font-family: var(--hv-serif); font-size: 1.25rem; font-weight: 700; color: var(--hot-noche); }
.nr-unidad-tipo { font-size: .8rem; font-weight: 600; margin-top: .25rem; }
.nr-unidad-meta { display: flex; gap: .8rem; font-size: .76rem; color: var(--hot-muted); margin-top: .3rem; }
.nr-unidad-icons { display: flex; gap: .45rem; margin-top: .4rem; color: var(--hot-petroleo); font-size: .8rem; }
.nr-titular { display: flex; align-items: center; gap: .8rem; margin-top: .8rem; padding: .8rem 1rem; border: 1px solid var(--hot-border); border-radius: 12px; background: #FBFAF7; }
.nr-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(120deg, var(--hot-noche), var(--hot-petroleo)); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.nr-titular-info { flex: 1; display: flex; flex-direction: column; gap: .15rem; font-size: .86rem; }
.nr-titular-info .cc-pill { align-self: flex-start; }
.nr-total { font-family: var(--hv-serif); font-size: 1.3rem; font-weight: 700; color: var(--hot-noche); }
.nr-resumen { display: flex; gap: 1.2rem; margin-top: .8rem; padding: .6rem .9rem; background: #F6F4EF; border-radius: 10px; font-size: .82rem; }
.nr-resumen i { color: var(--hot-petroleo); margin-right: .3rem; }
.cc-table tfoot td { padding: .7rem; border-top: 2px solid var(--hot-border); }
@media (max-width: 700px) { .nr-steps { grid-template-columns: repeat(2, 1fr); } .nr-span2 { grid-column: span 1; } .nr-head-sub { display: none; } }