/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/ModalSeleccionIdioma.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: flex; gap: .75rem; }
.ci-opcion {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: .5rem;
    padding: 1rem .75rem; border: 2px solid #D7E6DE; border-radius: 12px; background: #fff;
    cursor: pointer; transition: border-color .15s ease, background .15s ease;
}
.ci-opcion:hover { border-color: #4CA37F; }
.ci-opcion.is-selected { border-color: #0F6B4C; background: #F2FAF6; }
.ci-bandera { line-height: 1; display: inline-flex; }
.ci-nombre { font-size: .88rem; font-weight: 700; color: #1F2E27; }