:root{--p-acento: #111827;--p-fondo: #f9fafb;--p-papel: #ffffff;--p-tinta: #111827;--p-tinta-suave: #6b7280;--p-borde: #e5e7eb;--p-ok: #047857;--p-error: #b91c1c}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--p-fondo);color:var(--p-tinta)}.barra{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:var(--p-papel);border-bottom:1px solid var(--p-borde)}.marca{display:flex;align-items:center;gap:.5rem}.marca-nombre{font-size:1rem}#hueco-barra{margin-left:auto}.pagina{max-width:42rem;margin:0 auto;padding:1rem}.cargando{color:var(--p-tinta-suave);text-align:center;padding:3rem 0}.pantalla-centrada{text-align:center;padding:3rem 1rem}.pantalla-centrada h2{margin:.8rem 0 .3rem}.pantalla-centrada p{color:var(--p-tinta-suave);margin:0 0 1.2rem}.error{color:var(--p-error)}.btn{display:inline-block;padding:.65rem 1.1rem;border-radius:9px;border:0;cursor:pointer;font-size:.95rem;text-decoration:none;background:var(--p-acento);color:#fff}.btn-suave{background:none;color:var(--p-tinta);border:1px solid var(--p-borde)}.aviso-guardando{opacity:.55}