:root{--ground:#eef1f4;--surface:#fff;--ink:#141d27;--muted:#5c6c7b;--line:#dbe2e8;--accent:#0c7c8c;--accent-2:#14a3b8}@media (prefers-color-scheme:dark){:root{--ground:#0d141c;--surface:#141d27;--ink:#e7edf2;--muted:#9dabb8;--line:#28333f;--accent:#33c1d4;--accent-2:#4dd0e1}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}.pantalla{place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.centro{justify-items:center;gap:0;display:grid}.logo{object-fit:contain;width:96px;height:86px}h1{letter-spacing:-.01em;margin:14px 0 26px;font-size:1.45rem;font-weight:700}.accesos{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.acceso{background:var(--surface);border:1px solid var(--line);min-width:170px;color:var(--ink);text-align:center;border-radius:10px;padding:14px 30px;font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .12s,color .12s}.acceso:hover{border-color:var(--accent);color:var(--accent)}.acceso:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ayuda{color:var(--muted);text-align:center;margin:0 0 18px;font-size:.92rem}.ayuda strong{color:var(--ink)}.formulario{text-align:left;gap:14px;width:min(340px,90vw);display:grid}.campo{gap:5px;display:grid}.campo span{color:var(--muted);letter-spacing:.02em;font-size:.8rem;font-weight:600}.campo input{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-family:inherit;font-size:.98rem}.campo input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.boton{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .12s}.boton:hover:not(:disabled){background:var(--accent-2)}.boton:disabled{opacity:.6;cursor:default}.boton:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.aviso{text-align:center;border-radius:8px;margin:0;padding:10px 13px;font-size:.88rem}.aviso.error{background:color-mix(in srgb,#c0392b 12%,var(--surface));border:1px solid color-mix(in srgb,#c0392b 40%,var(--line));color:#c0392b}@media (prefers-color-scheme:dark){.aviso.error{color:#f08a7e}}.aviso code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em}.acceso{gap:3px;min-width:210px;padding:15px 22px;display:grid}.acceso-nombre{font-size:1.02rem;font-weight:600}.acceso-desc{color:var(--muted);font-size:.79rem;font-weight:400;line-height:1.3}.acceso:hover .acceso-desc{color:var(--muted)}.acceso.inactivo{opacity:.5;cursor:not-allowed}.acceso.inactivo:hover{border-color:var(--line)}.salir{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;margin-top:22px;padding:7px 16px;font-family:inherit;font-size:.85rem;transition:color .12s,border-color .12s}.salir:hover:not(:disabled){color:var(--ink);border-color:var(--muted)}.salir:disabled{opacity:.6;cursor:default}.salir:focus-visible{outline:2px solid var(--accent);outline-offset:2px}