/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/HotelManager/Componentes/PageConfiguracion.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. */
.cfg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.cfg-grid .hot-card + .hot-card { margin-top: 0; }
.cfg-opts { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.cfg-opt { display: flex; flex-direction: column; align-items: center; gap: .4rem; padding: .9rem; border: 2px solid var(--hot-border); border-radius: 12px; background: #fff; cursor: pointer; font-weight: 700; font-size: .84rem; font-family: inherit; color: var(--hot-ink); }
.cfg-opt:hover { border-color: var(--hot-petroleo); }
.cfg-opt.is-on { border-color: var(--hot-petroleo); background: rgba(27,94,99,.08); }
.cfg-flag { font-size: 1.6rem; line-height: 1; }
.cfg-kv { margin: 0 0 .9rem; display: grid; grid-template-columns: 1fr 1fr; gap: .4rem 1rem; }
.cfg-kv > div { display: flex; flex-direction: column; gap: .15rem; padding: .4rem 0; border-bottom: 1px dashed var(--hot-border); }
.cfg-kv dt { font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; color: var(--hot-muted); font-weight: 700; }
.cfg-kv dd { margin: 0; font-weight: 600; }
@media (max-width: 900px) { .cfg-grid { grid-template-columns: 1fr; } }