:root{--tinta: #241a15;--papel: #fbf6ec;--chicha: #ff1f6b;--sol: #ffc220;--loro: #12994f;--chicha-strong: #e4005b;--chicha-ink: #a8003f;--chicha-soft: #ffe3ee;--sol-ink: #5c4300;--sol-soft: #fff2cf;--loro-strong: #0b7a3e;--loro-ink: #0a5b30;--loro-soft: #e4f6ea;--ink: #241a15;--ink-soft: #52463d;--ink-mute: #857468;--card: #ffffff;--card-warm: #fffdf8;--line: rgba(36, 26, 21, .14);--line-strong: rgba(36, 26, 21, .42);--line-ink: rgba(36, 26, 21, .9);--on-tinta: #f6efe2;--on-tinta-mute: #c3b4a4;--line-on-tinta: rgba(246, 239, 226, .18);--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-text: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-hero: clamp(2.2rem, 7.5vw, 4rem);--fs-h2: clamp(1.85rem, 5.5vw, 3rem);--fs-h3: clamp(1.25rem, 3.6vw, 1.6rem);--fs-lead: clamp(1.08rem, 2.6vw, 1.32rem);--fs-body: 1.0625rem;--fs-small: .9375rem;--fs-xs: .8125rem;--lh-tight: 1.02;--lh-snug: 1.16;--lh-body: 1.62;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.5rem;--space-8: 6rem;--wrap: 68rem;--wrap-narrow: 46rem;--shadow-hard: 5px 5px 0 var(--tinta);--shadow-hard-sm: 3px 3px 0 var(--tinta);--shadow-soft: 0 1px 0 rgba(36, 26, 21, .05), 0 18px 40px -22px rgba(36, 26, 21, .45);--toldo: repeating-linear-gradient( 90deg, var(--sol) 0 22px, var(--chicha) 22px 44px );--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur: .22s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-text);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-soft);background:var(--papel);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}:target{scroll-margin-top:5.5rem}img,svg,picture{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--chicha-ink);text-decoration-thickness:.08em;text-underline-offset:.18em}h1,h2,h3{font-family:var(--font-display);color:var(--ink);font-weight:800;line-height:var(--lh-snug);letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1.15rem,5vw,2.5rem)}.wrap--narrow{max-width:var(--wrap-narrow)}.toldo{height:12px;background:var(--toldo);border-block:2px solid var(--tinta)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--chicha);outline-offset:2px;border-radius:4px}.band--tinta :focus-visible,.btn--primary:focus-visible{outline-color:var(--sol)}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;background:var(--tinta);color:var(--on-tinta);padding:.6rem 1rem;border-radius:var(--r-sm);font-weight:600;transition:top .15s ease}.skip-link:focus{top:1rem}::selection{background:var(--sol);color:var(--tinta)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.guide-wrap{max-width:46rem;margin-inline:auto;padding-inline:clamp(1.15rem,5vw,2.5rem)}.guide-back{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;font-weight:600;font-size:var(--fs-small);text-decoration:none;color:var(--ink-soft)}.guide-back:hover{color:var(--chicha-ink)}.guide-hero{padding-block:clamp(1.5rem,5vw,2.5rem) clamp(1.75rem,5vw,2.75rem)}.guide-time{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:var(--fs-small);color:var(--tinta);background:var(--sol);border:2px solid var(--tinta);padding:.3rem .8rem;border-radius:var(--r-pill);margin-bottom:1rem}.guide-hero h1{font-size:clamp(2.1rem,7vw,3.3rem);line-height:var(--lh-tight)}.guide-hero h1 em{font-style:normal;color:var(--chicha)}.guide-hero .lead{margin-top:1rem;font-size:var(--fs-lead);color:var(--ink-soft)}.gsteps{display:grid;gap:1.1rem;padding-bottom:2rem}.gstep{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.1rem;background:var(--card);border:2px solid var(--tinta);border-radius:var(--r-lg);padding:1.25rem}.gstep__n{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--tinta);background:var(--sol);width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;border:2.5px solid var(--tinta);box-shadow:var(--shadow-hard-sm)}.gstep__body h2{font-size:var(--fs-h3);margin-bottom:.35rem}.gstep__body p{color:var(--ink-soft);font-size:var(--fs-small)}.gstep__body p+p{margin-top:.5rem}.gstep code{font-family:var(--font-mono, ui-monospace, monospace);background:var(--sol-soft);color:var(--sol-ink);padding:.08rem .38rem;border-radius:6px;font-weight:600;font-size:.92em;word-break:break-word}.gstep__mock{grid-column:1 / -1;margin-top:.35rem}.gstep__mock svg{width:100%;max-width:340px;height:auto;border-radius:var(--r-md)}.callout{background:var(--chicha-soft);border:2.5px solid var(--tinta);border-radius:var(--r-lg);box-shadow:var(--shadow-hard);padding:1.4rem;margin:.5rem 0 2.5rem;text-align:center}.callout h2{font-size:var(--fs-h3);margin-bottom:.5rem}.callout p{color:var(--ink-soft);margin-bottom:1rem}.guide-foot{border-top:2px solid var(--tinta);padding-block:1.75rem 2.5rem;font-size:var(--fs-small);color:var(--ink-mute);text-align:center}.gstep__body strong{color:var(--ink)}