/* Fold · «¿Conectar este ordenador?» (ordenador.js, 05/10/2026). */
.ordenador-velo { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(8, 12, 24, .62); }
.ordenador-caja { width: 100%; max-width: 440px; background: #fff; color: #10172a; border-radius: 16px; padding: 24px; box-shadow: 0 18px 60px rgba(0, 0, 0, .35); text-align: left; }
.ordenador-caja h2 { margin: 0 0 10px; font-size: 1.25rem; line-height: 1.3; }
.ordenador-caja p { margin: 0 0 18px; line-height: 1.5; }
.ordenador-botones { display: flex; flex-wrap: wrap; gap: 10px; }
.ordenador-secundario { font: inherit; font-weight: 600; background: transparent; color: #10172a; border: 1px solid #b8c0d4; border-radius: 12px; padding: 0 18px; height: 50px; cursor: pointer; }
.ordenador-secundario:hover { background: #eef1f8; }
.ordenador-secundario:focus-visible { outline: 2px solid #2f5bd6; outline-offset: 3px; }
.ordenador-secundario:disabled { opacity: .55; cursor: default; }
.ordenador-nota { margin-top: 10px; font-size: .9rem; }
.ordenador-oculto { display: none !important; }
/* G2 (08/10/2026): con un ordenador esperando, el Mensajero (otro producto) no se enseña en esta pantalla; y mientras la
   pregunta está a la vista va SOLA: ni la franja de avisos, ni el aviso que se va solo, ni el tutorial asoman detrás. */
html.ordenador-pendiente :is(.lateral, .sp-lateral) > .bloque:has(> #mensajero-estado), :is(.lateral, .sp-lateral) > .bloque[hidden] { display: none; }
html.ordenador-preguntando #calma-franja, html.ordenador-preguntando .notificacion, html.ordenador-preguntando .tut { visibility: hidden; }
.ordenador-codigo { font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: .04em; margin: 0 0 16px; }