:root{--fg:#1b1b1f;--muted:#5b5b66;--bg:#fff;--line:#e7e7ec;--accent:#16a34a;--accent2:#15803d;--hl:#fff4c2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.6 Georgia,'Times New Roman',serif}
.pub{background:#f3f3f5;color:var(--muted);font:12px/1 -apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;text-align:center}
header{border-bottom:1px solid var(--line);padding:12px 16px;font:700 15px/1 -apple-system,Segoe UI,Roboto,sans-serif;display:flex;justify-content:space-between;max-width:760px;margin:0 auto}
header a{color:var(--muted);font-weight:400;text-decoration:none}
main{max-width:720px;margin:0 auto;padding:20px 16px 40px}
h1{font:800 32px/1.15 -apple-system,Segoe UI,Roboto,sans-serif;margin:8px 0 12px}
.sub{font-size:19px;color:#33333a;margin:0 0 16px}
.hero{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#ddd;display:block}
h2{font:700 22px/1.25 -apple-system,Segoe UI,Roboto,sans-serif;margin:28px 0 8px}
ul{padding-left:22px}li{margin:6px 0}
.btn{display:block;text-align:center;background:var(--accent);color:#fff;font:800 20px/1.2 -apple-system,Segoe UI,Roboto,sans-serif;padding:18px 16px;border-radius:12px;text-decoration:none;margin:24px 0;box-shadow:0 4px 0 var(--accent2)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--accent2)}
.nota{background:var(--hl);border-radius:10px;padding:14px 16px;font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}
.pasos{counter-reset:p;list-style:none;padding:0}.pasos li{counter-increment:p;position:relative;padding:0 0 0 52px;margin:16px 0;font:16px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}
.pasos li:before{content:counter(p);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.aviso{font:600 14px/1.4 -apple-system,Segoe UI,Roboto,sans-serif;color:#7a2e00;background:#fff1e8;border-radius:8px;padding:10px 12px}
footer{border-top:1px solid var(--line);color:var(--muted);font:13px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;max-width:720px;margin:0 auto;padding:20px 16px 40px}
footer a{color:var(--muted)}
@media (max-width:480px){h1{font-size:27px}body{font-size:17px}}