/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/HotelManager/Modales/ModalSeleccionIdiomaHotel.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. */
.ci-opciones { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.ci-opcion {
    display: flex; flex-direction: column; align-items: center; gap: .5rem;
    padding: 1.1rem .75rem; border: 2px solid var(--hot-border, #D8E0E3); border-radius: 12px;
    background: #fff; cursor: pointer; transition: border-color .15s ease, background .15s ease;
}
.ci-opcion:hover:not(:disabled) { border-color: var(--hot-petroleo, #1B5E63); background: #F5F7F6; }
.ci-opcion.is-selected { border-color: var(--hot-petroleo, #1B5E63); background: rgba(27,94,99,.08); }
.ci-opcion:disabled { opacity: .6; cursor: not-allowed; }
.ci-bandera { font-size: 2rem; line-height: 1; }
.ci-nombre { font-size: .85rem; font-weight: 700; color: var(--hot-ink, #1F2E27); }