:root{--navy:#182840;--gold:#ad8a52;--cream:#f7f3ea;--line:#e4dcc8;--ink:#1c2433;--muted:#6b7385}
*{box-sizing:border-box}
body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:var(--ink);min-height:100vh;
  background:radial-gradient(1200px 600px at 50% -10%,#fffdf8 0%,var(--cream) 55%,#efe8d6 100%)}
.centro{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}
.card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:40px 36px 32px;box-shadow:0 1px 0 #fff inset,0 24px 60px -24px rgba(24,40,64,.28)}
.logo{display:flex;justify-content:center;margin:-6px 0 14px}
.logo img{height:230px;width:230px;display:block}
label{display:block;font-size:.8rem;color:var(--muted);margin:0 0 6px}
.field{margin-bottom:18px}
input[type=email],input[type=password],input[type=text]{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fcfbf8;border:1px solid var(--line);
  border-radius:12px;padding:13px 14px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(173,138,82,.18)}
button,.btn{width:100%;margin-top:6px;font:inherit;font-size:1rem;font-weight:600;letter-spacing:.02em;color:#fff;background:var(--navy);
  border:0;border-radius:12px;padding:14px;cursor:pointer;transition:background .15s}
button:hover,.btn:hover{background:#0f1c30}
.help{margin:18px 0 0;text-align:center;font-size:.82rem;color:var(--muted)}
.foot{margin-top:22px;font-size:.75rem;color:var(--muted);text-align:center}
.error{background:#fbeceb;border:1px solid #efc5c1;color:#8a2a22;border-radius:12px;padding:10px 14px;font-size:.88rem;margin:0 0 18px}
.barra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:#fff;border-bottom:1px solid var(--line)}
.barra img{height:56px;width:56px;display:block}
.barra form{margin:0}
.barra button{width:auto;margin:0;padding:9px 16px;font-size:.88rem;background:transparent;color:var(--navy);border:1px solid var(--line)}
.barra button:hover{background:#f3efe4}
.pagina{max-width:1100px;margin:0 auto;padding:36px 24px}
.pagina h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2rem;color:var(--navy);margin:0 0 6px}
.pagina .sub{color:var(--muted);margin:0 0 28px}
.chip{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--gold);border-radius:999px;padding:4px 12px;font-size:.78rem;letter-spacing:.06em;margin:0 6px 6px 0}
.vacio{background:#fff;border:1px dashed var(--line);border-radius:16px;padding:32px;color:var(--muted)}
.aviso-datos{background:#fff4e0;border:1px solid #f0cf94;color:#7a4b00;border-radius:12px;padding:12px 16px;font-size:.92rem;margin:0 0 20px}
.aviso-datos span{font-size:.82rem;opacity:.85}
.dato-fresco{color:var(--muted);font-size:.82rem;margin:0 0 20px}
@media (max-width:480px){.card{padding:32px 22px 26px}.logo img{height:190px;width:190px}}