/* ==== «Apoyar HoloNook» (js/apoyo.js) ====
   Lo cargan la app (index.html) y la pantalla de entrada (entrar.html), que tienen hojas distintas:
   por eso los colores van aquí mismo y no dependen de las variables de ninguna. */
.apoyo-dlg{--ap-navy:#0B1B3D;--ap-texto2:#4E5A7C;--ap-cobalt:#3B6CFF;--ap-borde:rgba(11,27,61,.14);
  width:min(420px,calc(100vw - 32px));max-width:none;padding:0 0 22px;border:1px solid var(--ap-borde);border-radius:24px;
  background:#fff;color:var(--ap-navy);font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  box-shadow:0 24px 60px rgba(11,27,61,.25)}
.apoyo-dlg::backdrop{background:rgba(11,27,61,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.apoyo-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--ap-borde)}
.apoyo-cab h2{margin:0;font:400 1.7rem/1.1 "Instrument Serif",Georgia,serif;color:var(--ap-navy)}
.apoyo-dlg .apoyo-cerrar{flex:none;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--ap-borde);background:#fff;
  color:var(--ap-navy);font:600 .95rem system-ui,sans-serif;cursor:pointer;box-shadow:none}
.apoyo-texto{margin:16px 22px 0;line-height:1.55;font-size:.95rem;color:var(--ap-navy)}
.apoyo-ir{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 22px 0;padding:12px 16px;border-radius:999px;
  font:700 .95rem "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,#5b86ff 0%,#3B6CFF 45%,#6a5cff 100%);box-shadow:0 8px 22px rgba(59,108,255,.35)}
.apoyo-ir:hover{filter:brightness(1.06)}
.apoyo-ir:focus-visible,.apoyo-dlg .apoyo-cerrar:focus-visible{outline:3px solid rgba(59,108,255,.45);outline-offset:2px}
.apoyo-destino{margin:8px 22px 0;text-align:center;font-size:.8rem;color:var(--ap-texto2)}
.apoyo-destino b{font:600 .8rem ui-monospace,Consolas,monospace}
.apoyo-pronto{margin:18px 22px 0;padding:11px;border-radius:999px;text-align:center;font-weight:700;color:var(--ap-texto2);background:#f1f2f8}
.apoyo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Enlace secundario de la pantalla de entrada: texto pequeño, sin competir con el registro */
.apoyo-enlace{display:inline-block;margin:14px 0 0;padding:4px 2px;border:0;background:none;box-shadow:none;cursor:pointer;
  font:600 .78rem "Plus Jakarta Sans",system-ui,sans-serif;color:#4E5A7C;text-decoration:underline;text-underline-offset:3px}
.apoyo-enlace:hover{color:#3B6CFF}
.apoyo-enlace[hidden]{display:none}