:root{--blue:#1F4E8C;--blue-dark:#173E71;--blue-tint:#E7EEF8;--blue-tint-2:#DCE6F4}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{overflow-wrap:break-word}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #B85A13;outline-offset:5px}
.hub-hero{background:linear-gradient(135deg,#F6F7FB,#E7EEF8);padding:72px 40px}.hub-hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;max-width:20ch;margin:18px 0 24px}.hub-hero p{max-width:68ch;line-height:1.8}.hub-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--blue-dark)}.hub-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.hub-hero .hub-byline{margin-top:18px;font-size:.9rem}.hub-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hub-nav a{color:var(--blue-dark)}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.hub-card{padding:30px;border:1px solid var(--line);border-radius:16px;background:white;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.hub-card h3{font-size:1.45rem;line-height:1.25}.hub-card p,.hub-card li{line-height:1.75}.hub-card ul{padding-left:20px}.hub-card .btn-primary{margin-top:auto}.hub-card.featured{border:2px solid var(--blue);background:#F5F8FC}.hub-card details{width:100%;border-top:1px solid var(--line);padding-top:12px}.hub-card summary{cursor:pointer;font-weight:600;color:var(--blue-dark)}.hub-card details p{margin-top:12px}.hub-outcome{padding:14px 16px;background:var(--paper-2);border-radius:8px;width:100%}.hub-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hub-filter{font:inherit;border:1px solid var(--line);border-radius:24px;background:white;color:var(--ink);padding:10px 18px;cursor:pointer}.hub-filter[aria-pressed="true"]{background:var(--blue);color:white;border-color:var(--blue)}[hidden]{display:none!important}.hub-status{font-size:.85rem;color:var(--muted);margin-top:12px}.hub-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.hub-step{padding:24px;background:var(--paper-2);border-radius:12px}.hub-step h3{margin:12px 0}.hub-step p{line-height:1.8}.hub-reading{max-width:780px;margin:auto}.hub-reading h2{font-size:1.8rem;margin:36px 0 16px}.hub-reading p,.hub-reading li{line-height:1.9;margin-bottom:16px}.hub-reading ul,.hub-reading ol{padding-left:24px}.hub-reading a{color:var(--blue-dark)}.hub-table-wrap{overflow-x:auto}.hub-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}.hub-table th,.hub-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:16px}.hub-table th{background:var(--paper-2)}.hub-note{border-left:4px solid var(--blue);padding:16px 22px;background:var(--paper-2);margin:24px 0}.hub-card h3 a{color:inherit;text-decoration:none}.hub-card h3 a:hover{text-decoration:underline}
@media(max-width:760px){.hub-grid,.hub-steps{grid-template-columns:1fr}.hub-hero{padding:44px 22px}.hub-card{padding:24px}.hub-actions{flex-direction:column}.hub-actions a{text-align:center}.hub-table{min-width:510px}}

/* La portada es la referencia visual de estas páginas. */
:root{--body-text:var(--ink-2);--muted:var(--ink-2);--muted-2:var(--ink-3);--paper:#fff;--paper-2:var(--bg-alt)}
h1,h2,h3,h4,.nav-links a,.footer-logo{font-family:var(--sans)}
.container{max-width:1112px;margin:0 auto}
section{padding:112px 24px}
.alt{background:var(--bg-alt)}
.section-title{font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:16px 0 18px;max-width:25ch}
.section-desc{font-size:1.18rem;color:var(--ink-2);max-width:62ch}
.hub-hero{background:#fff;padding:72px 24px 96px}
.hub-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.hub-hero h1{font-size:clamp(2.6rem,5.4vw,4.3rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;max-width:22ch;margin:18px 0 22px}
.hub-hero h1 .hand{display:block;font-size:.92em;margin-top:6px;transform:rotate(-1.5deg);transform-origin:left}
.hub-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--blue)}
.hub-label::before{content:'';width:26px;height:2px;background:var(--blue);border-radius:2px;flex-shrink:0}
.hub-byline{color:var(--ink-3);font-weight:600;line-height:1.7}
.hub-byline a{color:var(--blue);text-underline-offset:3px}
.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-weight:700;font-size:.98rem;text-decoration:none;border-radius:999px;padding:14px 26px;border:1.5px solid transparent;transition:transform .15s,background .15s,color .15s,border-color .15s}
.btn-primary:hover,.btn-ghost:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:var(--gray-bar);color:var(--ink)}
.hub-card{border-radius:20px;padding:34px;gap:16px}
.hub-card.featured{background:#fff;border:1px solid var(--blue);box-shadow:0 0 0 1px var(--blue) inset}
.hub-card h3{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
.hub-card p,.hub-card li{color:var(--ink-2)}
.hub-card strong{color:var(--ink)}
.hub-outcome{background:var(--bg-alt);border-radius:12px}
.hub-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.hub-step h3{font-size:1.2rem;font-weight:800}
.hub-step p{font-size:.96rem;color:var(--ink-2)}
.hub-filter{font-family:var(--sans);font-weight:700;border-radius:999px}
.hub-visual svg{width:100%;height:auto;display:block;font-family:var(--sans)}
.hub-visual .visual-heading{fill:var(--ink);font-size:23px;font-weight:800;letter-spacing:-.02em}
.hub-visual .visual-sub{fill:var(--ink-3);font-size:14px}
.hub-visual .visual-hand{fill:var(--blue);font-family:var(--hand);font-size:23px}
.hub-visual-note{font-family:var(--hand);color:var(--blue);font-size:1.2rem;text-align:center;margin:8px 0 12px!important}
.hub-visual .hub-label{font-size:.68rem;letter-spacing:.08em}
.crumbs{max-width:1160px;padding:18px 24px 0;font-size:.78rem}
.hub-reading{font-size:1.05rem}
.hub-reading h2{font-weight:800}
footer{padding:34px 24px;border-top:1px solid var(--line);color:var(--ink-3);font-size:.88rem}
.footer-inner{max-width:1112px}.footer-copy{max-width:1112px}.footer-links a{font-family:var(--sans);font-size:.88rem;color:var(--ink-2)}
.footer-inner .brand+p{margin-top:16px}
.hub-mobile{display:none;position:relative}
.hub-mobile summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--ink)}
.hub-mobile summary::-webkit-details-marker{display:none}
.hub-mobile>div{position:absolute;right:0;top:54px;min-width:240px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.hub-mobile a{display:block;padding:12px;color:var(--ink);text-decoration:none;font-weight:600}
.hub-mobile a:hover{background:var(--blue-tint);border-radius:8px}
@media(max-width:1080px){.hub-mobile{display:block}.nav-in{gap:12px}.nav .btn{margin-left:auto}.nav-links{display:none}}
@media(max-width:900px){.hub-hero-grid{grid-template-columns:1fr;gap:40px}.hub-hero{padding-top:40px}.hub-visual{max-width:560px;width:100%}.hub-steps{grid-template-columns:1fr}}
@media(max-width:760px){section{padding:64px 24px}.hub-hero{padding:40px 24px 64px}.hub-card{padding:26px}.hub-hero h1{font-size:clamp(2.6rem,8vw,3.5rem)}.brand{font-size:24px}.hub-actions{align-items:stretch}.nav .btn{padding:10px 14px;font-size:.82rem}.nav-in{gap:10px}}