:root{--tinta:#18181b;--tinta-2:#52525b;--tinta-3:#a1a1aa;--linea:#e4e4e7;
--fondo:#fafafa;--papel:#fff;--acento:#18181b;--error:#b91c1c;--error-bg:#fef2f2;
--ok:#15803d;--ok-bg:#f0fdf4;--radio:9px}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--fondo);color:var(--tinta);
font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased}
.acceso{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.tarjeta{width:100%;max-width:400px;background:var(--papel);border:1px solid var(--linea);
border-radius:14px;padding:36px 32px}
.marca{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3);margin:0 0 6px}
h1{font-size:22px;font-weight:600;margin:0 0 6px;letter-spacing:-.01em}
.sub{color:var(--tinta-2);font-size:14px;margin:0 0 26px}
label{display:block;font-size:13px;font-weight:500;margin:0 0 6px}
input[type=email],input[type=password],input[type=text]{width:100%;padding:11px 13px;
border:1px solid var(--linea);border-radius:var(--radio);font-size:15px;font-family:inherit;
background:var(--papel);color:var(--tinta);margin:0 0 18px}
input:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(24,24,27,.07)}
button{width:100%;padding:12px;background:var(--acento);color:#fff;border:0;
border-radius:var(--radio);font-size:15px;font-weight:500;font-family:inherit;cursor:pointer}
button:hover{opacity:.88}
.aviso{padding:11px 13px;border-radius:var(--radio);font-size:14px;margin:0 0 20px;line-height:1.5}
.aviso.error{background:var(--error-bg);color:var(--error)}
.aviso.ok{background:var(--ok-bg);color:var(--ok)}
.pie{margin:20px 0 0;text-align:center;font-size:14px}
a{color:var(--tinta-2)}a:hover{color:var(--tinta)}
.ayuda{font-size:13px;color:var(--tinta-3);margin:-12px 0 18px}
.panel{max-width:900px;margin:0 auto;padding:32px 24px}
.barra{display:flex;justify-content:space-between;align-items:center;
padding:0 0 20px;border-bottom:1px solid var(--linea);margin:0 0 28px}
.barra span{font-size:14px;color:var(--tinta-2)}
.barra a{font-size:14px;text-decoration:none}