:root{--ink:#172840;--muted:#52657d;--accent:#235bd7;--line:#dce5f0;--paper:#fff;--page:#f3f6fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent)}.shell{max-width:1440px;margin:auto;padding:28px 28px 70px}.toplink{text-decoration:none;font-weight:650;font-size:.9rem}.hero{margin:28px 0;padding:40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,#122b50,#285ec5);color:#fff}.eyebrow{text-transform:uppercase;font-size:.76rem;letter-spacing:.14em;font-weight:750}.hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.13;margin:12px 0 16px;max-width:850px}.hero p{max-width:780px;margin:0;color:#e2edff}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.chips span{padding:5px 12px;border:1px solid #ffffff50;border-radius:100px;font-size:.8rem}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:26px}.contents{position:sticky;top:20px;align-self:start;border:1px solid var(--line);background:white;border-radius:15px;padding:20px;max-height:calc(100vh - 40px);overflow:auto}.contents h2{font-size:1rem;margin:0 0 10px}.contents a{display:block;color:var(--muted);font-size:.86rem;line-height:1.35;text-decoration:none;padding:8px 0}.contents a:hover,.contents a:focus{color:var(--accent);text-decoration:underline}.step,.intro-card,.related{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:26px;margin-bottom:22px;overflow:hidden}.step h2,.intro-card h2,.related h2{font-size:1.45rem;line-height:1.3;margin:7px 0 17px}.step .eyebrow{color:var(--accent)}.step ol{padding-left:25px;margin:14px 0 0}.step li{padding-left:5px;margin:6px 0}.step li::marker{color:var(--accent);font-weight:750}.step p{margin:12px 0}.step figure{margin:0}.shot{display:block;width:100%;border:1px solid #cfd9e6;border-radius:10px;padding:0;background:#eff3f8;cursor:zoom-in;overflow:hidden}.shot img{display:block;width:100%;height:auto}.shot:focus-visible{outline:3px solid #235bd7;outline-offset:3px}figcaption{font-size:.81rem;color:var(--muted);margin-top:8px}.result,.note{border-radius:9px;padding:12px 15px;margin-top:16px;font-size:.92rem}.result{background:#edf8f3;border-left:4px solid #23976b}.note{background:#fff6e8;border-left:4px solid #d68a18}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow>div{border:1px solid var(--line);border-radius:12px;padding:17px;background:#f8faff}.flow b{display:block;font-size:1rem;margin-bottom:5px}.flow span{display:block;color:var(--muted);font-size:.87rem}.related ul{padding-left:20px}.footer{font-size:.84rem;color:var(--muted);margin-top:24px}.zoom{max-width:96vw;max-height:96vh;border:0;border-radius:12px;padding:48px 12px 12px;background:#172840;overflow:auto}.zoom::backdrop{background:#071427db}.zoom img{display:block;max-width:none;width:auto;max-height:none}.zoom button{position:fixed;right:4vw;top:3vh;border:1px solid #aaa;border-radius:100px;padding:9px 18px;background:white;cursor:pointer;font:600 15px system-ui}.zoom p{color:#fff;margin:5px}.technical{overflow-wrap:anywhere}.technical h3{margin-top:28px}.technical pre{white-space:pre-wrap}.anexo-acceso input{max-width:100%}@media(max-width:850px){.shell{padding:18px 14px 40px}.hero{padding:26px 23px;margin:20px 0}.layout{grid-template-columns:1fr;gap:18px}.contents{position:static;max-height:250px}.contents a{padding:7px 0}.step,.intro-card,.related{padding:18px}.flow{grid-template-columns:1fr}.zoom{max-width:100vw;max-height:100vh}.step h2{font-size:1.28rem}}@media print{body{background:white}.shell{padding:0}.contents,.toplink,.zoom,.chips{display:none}.layout{display:block}.hero{background:white;color:#172840;padding:15px;border:0}.hero p{color:#52657d}.step{break-inside:avoid;box-shadow:none;margin:15px 0}.shot{border:0}.footer{font-size:10pt}}