@font-face { font-family: "Unbounded"; src: url("/fonts/unbounded.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("/fonts/dmsans.woff2") format("woff2"); font-weight: 100 1000; font-display: swap; }
* { box-sizing: border-box; }
html, body { background: #ffd23f; color: #111; }
body { margin: 0; font-family: "DM Sans", system-ui, sans-serif; font-size: 17px; line-height: 1.55; }
main { max-width: 720px; margin: 0 auto; padding: 28px max(18px, env(safe-area-inset-right)) 64px max(18px, env(safe-area-inset-left)); }
a { color: inherit; }
.volver { font-weight: 700; text-underline-offset: 4px; }
h1 { font-family: "Unbounded", "Arial Black", sans-serif; font-weight: 900; font-size: clamp(32px, 7vw, 52px); line-height: 1.05; margin: 28px 0 8px; }
h2 { font-family: "Unbounded", "Arial Black", sans-serif; font-weight: 800; font-size: 20px; margin: 34px 0 8px; }
.pendiente { background: #fff; border: 2px dashed #111; border-radius: 8px; padding: 2px 8px; font-family: ui-monospace, Consolas, monospace; font-size: 14px; }
.aviso { background: #111; color: #fff; border-radius: 14px; padding: 14px 16px; margin: 18px 0; }