:root{--night:#0d0b0a;--ink:#f5ede2;--muted:#b9aa96;--candle:#f6c27a;--line:rgba(245,237,226,.12)}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--ink);font:17px/1.7 "DM Sans",system-ui,sans-serif}
a{color:var(--candle)}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:0 auto;padding:28px 20px;border-bottom:1px solid var(--line)}
.logo{text-decoration:none;color:var(--ink);font:900 24px/1 "DM Sans",sans-serif;letter-spacing:.08em}
.logo span{font:italic 500 18px "Fraunces",Georgia,serif;letter-spacing:0;color:var(--candle);margin-left:8px}
header a.back{font-size:15px;text-decoration:none}
main{max-width:820px;margin:0 auto;padding:48px 20px 80px}
h1{font:400 clamp(36px,6vw,54px)/1.1 "Fraunces",Georgia,serif;margin:0 0 8px}
h2{font:500 24px/1.3 "Fraunces",Georgia,serif;margin:44px 0 10px}
p,li{color:#e4d9c9}
.upd{color:var(--muted);font-size:14px;margin:0 0 32px}
ul{padding-left:22px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.pendiente{background:#ffd84d;color:#1a1400;padding:0 4px;border-radius:4px}
.btn{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#f6c27a,#e0a46a);color:#22150a;font:700 16px "DM Sans",sans-serif;cursor:pointer}
.ok{display:none;margin-top:12px;color:var(--candle)}
.ok.on{display:block}
footer{max-width:820px;margin:0 auto;padding:28px 20px 60px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
@media (max-width:600px){body{font-size:16px}table{font-size:14px}th,td{padding:10px 6px}}
