/* Fold · «USAR OTRA CUENTA EN ESTE ORDENADOR» y «¿CON QUÉ CUENTA ENTRAS?» (21/10/2026; otra-cuenta.js). Solo en un Fold instalado.
   Dentro del folio de la entrada (entrada-nueva.css): usa sus mismos tokens (--papel, --papel-apagado, --costura-fuerte) y sus
   clases (.pulsador, .entrada-enlace, .entrada-form). Aquí solo el orden de la lista de cuentas y el aire entre partes. Prefijo oc-. */
#entrada-pantalla .oc-puntos { margin: 0 0 16px; padding-left: 18px; display: grid; gap: 6px; }
#entrada-pantalla .oc-lista { list-style: none; margin: 4px 0 18px; padding: 0; display: grid; gap: 10px; }
#entrada-pantalla .oc-cuenta { border: 1px solid var(--costura-fuerte); border-radius: 8px; padding: 12px 14px; }
#entrada-pantalla .oc-cuenta-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#entrada-pantalla .oc-cuenta-datos { min-width: 0; flex: 1 1 200px; }
#entrada-pantalla .oc-cuenta-datos p { margin: 0; overflow-wrap: anywhere; }
#entrada-pantalla .oc-cuenta-empresa { font-weight: 650; font-size: 1rem; color: var(--papel); }
#entrada-pantalla .oc-entrar { min-height: 44px; width: auto; padding: 0 18px; }
#entrada-pantalla .oc-volver-form { margin-top: 12px; }
#entrada-pantalla #oc-otra { width: 100%; }
#entrada-pantalla .oc-abrir { margin-top: 4px; }
/* Mientras Fold se cierra y vuelve a abrirse: una sola frase, centrada, en calma. */
.oc-final { min-height: 100vh; min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: 12px; padding: 24px 16px; text-align: center; max-width: 560px; margin: 0 auto; }
.oc-final p { margin: 0; line-height: 1.5; }
.oc-final:focus { outline: none; }