/* (UBICACIÓN)³ — estilos compartidos de las páginas de cuenta e inicio */
:root { --ink:#111; --mute:#666; --line:#ddd; --acc:#ffd400; --bg:#fafafa; }
* { box-sizing:border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--ink); background:var(--bg); }
header.top { background:var(--ink); color:#fff; padding:14px 20px; display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; }
header.top h1 { margin:0; font-size:20px; letter-spacing:.5px; } header.top h1 a { color:#fff; text-decoration:none; }
header.top > span { color:var(--acc); font-size:13px; }
header.top nav { margin-left:auto; display:flex; gap:16px; font-size:13.5px; }
header.top nav a { color:#ddd; text-decoration:none; } header.top nav a.on, header.top nav a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.caja { max-width:760px; margin:24px auto; background:#fff; padding:26px 30px; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.caja h2 { margin:0 0 6px; font-size:20px; }
label { display:block; font-size:12px; color:var(--mute); margin:12px 0 4px; }
input, select { width:100%; padding:9px 10px; border:1px solid var(--line); border-radius:4px; font-size:15px; font-family:inherit; }
.btn { display:inline-block; padding:11px 18px; background:var(--ink); color:#fff; border:1px solid var(--ink); border-radius:4px; font-size:15px; cursor:pointer; text-decoration:none; font-family:inherit; }
.btn.sec { background:#fff; color:var(--ink); }
.btn:disabled { opacity:.45; cursor:default; }
.hint { font-size:12.5px; color:var(--mute); margin-top:8px; line-height:1.45; }
.err { color:#b00020; font-size:13.5px; margin-top:10px; }
.ok { color:#1b6e2a; font-size:13.5px; margin-top:10px; }
.pie { font-size:11.5px; color:var(--mute); text-align:center; padding:18px 14px; } .pie a { color:var(--ink); }
@media (max-width:700px) {
  header.top { padding:10px 14px; gap:8px; } header.top h1 { font-size:17px; } header.top > span { display:none; }
  header.top nav { margin-left:0; width:100%; gap:14px; font-size:14px; }
  .caja { margin:12px; padding:18px 16px; }
  input, select { font-size:16px; }
}
.hint a, .err a, .ok a { color:var(--ink); }