:root{--ink:#1c1a17;--soft:#4a453e;--paper:#f4f0e9;--card:#faf7f1;--oro:#c9a961;--line:rgba(28,26,23,.12)}
*{box-sizing:border-box;margin:0}
body{font-family:"Hanken Grotesk",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;min-height:100svh;display:flex;flex-direction:column}
a{color:inherit}
.pg-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,5vw,48px);border-bottom:1px solid var(--line)}
.pg-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:.08em}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:100px;background:var(--ink);color:#fff;text-decoration:none;font:600 .9rem "Hanken Grotesk",sans-serif;border:0;cursor:pointer;transition:scale .2s}
.pg-btn:active{scale:.97}
.pg{flex:1;width:min(760px,100%);margin:0 auto;padding:clamp(40px,8vw,90px) clamp(16px,5vw,32px)}
.migas{display:flex;gap:8px;font-size:.85rem;color:var(--soft);margin-bottom:22px}
h1{font:600 clamp(2.2rem,6vw,3.6rem)/1.05 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin-bottom:22px}
h2{font:600 1.3rem/1.2 "Bricolage Grotesque",sans-serif;margin:36px 0 10px}
p{color:var(--soft);margin-bottom:12px}
.lead{font-size:1.15rem}
.nota{font-size:.85rem;border-left:2px solid var(--oro);padding-left:12px}
.pasos{margin:28px 0;padding-left:22px;display:grid;gap:14px;color:var(--soft)}
.pasos b{color:var(--ink)}
.pg-acc{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:30px}
.pg-link{font-weight:600;text-underline-offset:4px}
.pg-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px clamp(16px,5vw,48px);border-top:1px solid var(--line);font-size:.85rem;color:var(--soft)}
.pg-pie nav{display:flex;gap:18px}
@media(max-width:520px){.pg-top .pg-btn{padding:0 14px;font-size:.8rem}}