:root{--bg:#f2f5fa;--s:#fff;--t:#10213f;--m:#55637a;--l:#dbe3ee;--a:#1f6fd1;--as:#e3eefc;--n:#e8590c}
@media (prefers-color-scheme:dark){:root{--bg:#0d1420;--s:#141c2b;--t:#e6edf8;--m:#9fb0c9;--l:#26324a;--a:#8dbef7;--as:#17294a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:16px/1.6 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--a)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:980px;margin:0 auto;padding:24px 16px 64px}
header.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
header.top h1{font:700 28px/1.15 "Bricolage Grotesque",system-ui,sans-serif;margin:0}
header.top .sub{color:var(--m);font-size:14px}
nav.acciones{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}
nav.acciones a,nav.acciones button{font:inherit;font-size:14px;text-decoration:none;border:1px solid var(--l);background:var(--s);color:var(--t);border-radius:10px;padding:8px 12px;cursor:pointer}
nav.acciones .pri{background:var(--a);border-color:var(--a);color:#fff}
.indice{background:var(--s);border:1px solid var(--l);border-radius:14px;padding:14px 18px;margin:16px 0 28px}
.indice h2{font-size:16px;margin:0 0 6px}.indice ol{margin:0;padding-left:20px;columns:2 240px}.indice li{margin:2px 0}
h2.grupo{font:700 22px "Bricolage Grotesque",system-ui,sans-serif;margin:40px 0 4px;padding-top:8px;border-top:2px solid var(--l)}
section.ap{background:var(--s);border:1px solid var(--l);border-radius:16px;padding:20px 22px;margin:18px 0}
section.ap h3{break-after:avoid}figure,.dual{break-inside:avoid}.rapida .ap{break-inside:avoid}
section.ap h3{font:700 20px/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin:0 0 6px}
section.ap p.intro{color:var(--m);margin:0 0 10px}
section.ap ol{margin:0 0 12px;padding-left:22px}section.ap li{margin:4px 0}
.num{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border-radius:50%;background:var(--n);color:#fff;font-size:.85em;font-weight:700;line-height:1;vertical-align:.05em}
figure{margin:12px 0 0;border:1px solid var(--l);border-radius:12px;overflow:hidden;background:#fff}
figure picture img{width:100%}
.ojo{margin-top:12px;background:var(--as);border-radius:10px;padding:10px 14px;font-size:15px}.ojo b{color:var(--a)}
.rapida{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.rapida .ap{margin:0;padding:14px 16px}.rapida h3{font-size:17px}.rapida p{margin:0 0 8px;font-size:15px}
.portada{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px}
.portada .card{background:var(--s);border:1px solid var(--l);border-radius:16px;padding:18px}
.portada .card h2{margin:0 0 6px;font:700 20px "Bricolage Grotesque",system-ui,sans-serif}.portada .card p{color:var(--m);margin:0 0 12px;font-size:15px}
.portada .card a{display:inline-block;margin:4px 8px 0 0}
footer{margin-top:40px;color:var(--m);font-size:13px;text-align:center}
@media print{body{background:#fff;color:#000;font-size:11.5pt}nav.acciones,.noprint{display:none!important}section.ap{border-color:#ccc}.wrap{max-width:none;padding:0}h2.grupo{break-before:page}}
.dual{display:grid;grid-template-columns:3fr 1fr;gap:10px;align-items:start;margin-top:12px}.dual figure{margin:0}.dual .cap{font-size:10pt;color:#555;margin:2px 0 0 4px}