/* Páginas de ingreso y de cambio de contraseña (se sirven en /ui/acceso.css, sin sesión). Los colores son los de tema.css. */
:root{
  --radius:.5rem;
  --background:#f9f9f4;--foreground:#1d1e1d;--card:#ffffff;--card-foreground:#1d1e1d;--popover:#ffffff;--popover-foreground:#1d1e1d;
  --primary:#0d4c37;--primary-foreground:#f9f9f4;--secondary:#edebe3;--secondary-foreground:#1d1e1d;--muted:#edebe3;--muted-foreground:#5b5d5a;
  --accent:#edebe3;--accent-foreground:#1d1e1d;--destructive:#aa3f2d;--border:#e1dfd5;--input:#8d8e87;--ring:#1f4e93;
  --font-sans:"Funnel Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.acceso{display:grid;gap:16px;max-width:380px;margin:0 auto;padding:48px 16px;min-height:100vh;align-content:center;box-sizing:border-box}
.marca{display:grid;gap:8px;justify-items:start;background:var(--primary);color:var(--primary-foreground);border-bottom:3px solid #2fe4f2;border-radius:var(--radius);padding:24px}
.marca img{height:28px;width:auto;display:block}
.marca p{margin:0;font-size:12px;opacity:.8}
.card{padding-block:24px;gap:16px}
.card>header,.card>section,.card>footer{padding-inline:24px}
.card h1,.card h2{font-family:"Funnel Display",var(--font-sans);font-size:20px;line-height:28px;font-weight:500}
.card>section{display:grid;gap:16px}
.card p{margin:0}
.field{margin:0}
.field input{width:100%}
.salir{text-align:center;margin:0}
.salir a{color:var(--muted-foreground);font-size:13px}