/* ADR 0603: hoja de las guías estáticas. Mismos colores que design.css (claro y oscuro), sin fuentes propias. */
:root{color-scheme:light;--canvas:#f0eeea;--surface:#efe5d3;--text:#1c2430;--muted:#5e5545;--border:#cbb894;--accent:#2b6447;--accent-text:#fff}
:root[data-theme="dark"]{color-scheme:dark;--canvas:#060a12;--surface:#13203a;--text:#e8eefb;--muted:#a9bbdb;--border:#3b5583;--accent:#4fd1a1;--accent-text:#06231a}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--text);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto;padding:16px}
.guide-brand{font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none}
.guide-cta{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-weight:700;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:8px 16px 40px}
.guide-kicker{margin:0;color:var(--muted);font-size:.9rem;font-weight:600}
h1{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.2;margin:.3em 0 .5em}
h2{font-size:1.25rem;line-height:1.3;margin:1.8em 0 .5em}
.guide-lead{font-size:1.1rem;color:var(--muted)}
.guide-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:1.2em 0}
.guide-box p:first-child{margin-top:0}.guide-box p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:1em 0;font-variant-numeric:tabular-nums}
th,td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
td:last-child,th:last-child{text-align:right;white-space:nowrap}
tr.guide-total td{font-weight:800;border-bottom:0}
.guide-note{color:var(--muted);font-size:.88rem}
.guide-more{display:grid;gap:8px;padding:0;list-style:none}
.guide-end{margin-top:2em;text-align:center}
footer{max-width:760px;margin:0 auto;padding:20px 16px 32px;border-top:1px solid var(--border);color:var(--muted);font-size:.88rem;display:flex;flex-wrap:wrap;gap:8px 16px}
footer a{color:var(--muted)}
@media(max-width:560px){footer a{display:inline-flex;align-items:center;min-height:44px}}