/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/HotelManager/Modales/ModalClienteHotel.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. */
.mch-modal { max-width: 860px; }
.mch-modal .cc-modal-header h3 { margin: 0; }
.mch-sub { font-size: .76rem; opacity: .85; margin-top: .1rem; }
.mch-close { margin-left: auto; background: rgba(255,255,255,.12); border: none; color: #fff; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; }
.mch-tabs { margin: .8rem 1.25rem 0; }
.mch-body { padding-top: .8rem; }
.mch-section { border: 1px solid var(--hot-border); border-radius: 12px; padding: .9rem 1rem; margin-bottom: .9rem; background: #fff; }
.mch-section-head { display: flex; align-items: baseline; gap: .6rem; margin-bottom: .7rem; }
.mch-section-head span { font-family: var(--hv-serif); font-weight: 700; font-size: 1rem; }
.mch-section-head small { color: var(--hot-muted); font-size: .76rem; }
.mch-doc-row { display: flex; gap: .5rem; align-items: center; margin-bottom: .5rem; }
.mch-doc-row input { flex: 1; }
.mch-help { font-size: .76rem; color: var(--hot-muted); display: flex; gap: .4rem; align-items: center; margin-bottom: .5rem; }
.mch-warn { font-size: .8rem; background: #FBEFD9; color: #8A5A0E; border: 1px solid #F1D9A6; border-radius: 8px; padding: .5rem .7rem; display: flex; gap: .5rem; margin-bottom: .6rem; }
.mch-persona { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: .4rem 0 .9rem; }
.mch-persona-card { display: flex; gap: .7rem; align-items: center; text-align: left; border: 2px solid var(--hot-border); border-radius: 12px; background: #fff; padding: .7rem .9rem; cursor: pointer; font-family: inherit; color: var(--hot-ink); }
.mch-persona-card i { font-size: 1.2rem; color: var(--hot-petroleo); }
.mch-persona-card b { display: block; font-size: .86rem; }
.mch-persona-card small { color: var(--hot-muted); font-size: .72rem; }
.mch-persona-card.is-on { border-color: var(--hot-petroleo); background: rgba(27,94,99,.08); }
.mch-persona-card:disabled { opacity: .5; cursor: not-allowed; }
.mch-hotel { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.mch-adj-col { border: 1px solid var(--hot-border); border-radius: 12px; padding: .9rem 1rem; display: flex; flex-direction: column; gap: .7rem; }
.mch-foto { width: 160px; height: 160px; border-radius: 14px; overflow: hidden; border: 1px solid var(--hot-border); background: #F6F4EF; align-self: center; }
.mch-foto img { width: 100%; height: 100%; object-fit: cover; }
.mch-foto-vacia { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: var(--hot-border); }
.mch-file-btn { position: relative; overflow: hidden; }
.mch-foto-btns { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; }
.mch-cam { width: 100%; max-width: 320px; aspect-ratio: 1 / 1; border-radius: 14px; overflow: hidden; border: 2px solid var(--hot-petroleo); background: #000; align-self: center; }
.mch-cam video { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); }
.mch-file-btn input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.mch-doc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .4rem; }
.mch-doc-list li { display: flex; align-items: center; gap: .6rem; font-size: .84rem; }
.mch-doc-list li a { color: var(--hot-petroleo); font-weight: 600; text-decoration: none; flex: 1; }
@media (max-width: 760px) { .mch-hotel, .mch-persona { grid-template-columns: 1fr; } }