:root{--ink:#10242d;--muted:#536873;--teal:#087fa2;--light:#eaf6f9;--line:#dbe6e9;--bg:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--teal)}a:focus-visible,button:focus-visible{outline:3px solid #e09b45;outline-offset:4px}
.wrap{width:min(1080px,calc(100% - 44px));margin:auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{font-size:1.65rem;font-weight:850;letter-spacing:.045em;text-decoration:none;color:var(--ink)}.brand span{color:var(--teal)}
.links{display:flex;gap:clamp(9px,2vw,26px);flex-wrap:wrap}.links a{text-decoration:none;color:var(--ink);font-size:.9rem;padding:8px 0;border-bottom:2px solid transparent}.links a:hover,.links a[aria-current=page]{border-color:var(--teal);color:var(--teal)}
.hero{padding:clamp(65px,10vw,128px) 0 40px}.eyebrow{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);font-weight:800}.hero h1{font-size:clamp(2.8rem,7.6vw,6.5rem);letter-spacing:-.065em;line-height:1.06;margin:16px 0 25px;max-width:990px}.hero h1 em{font-style:normal;color:var(--teal)}
.lead{font-size:clamp(1.12rem,2.4vw,1.5rem);max-width:780px;color:#415660}.meta{font-size:.91rem;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.btn{display:inline-block;padding:12px 20px;border:1px solid var(--teal);border-radius:5px;text-decoration:none;font-weight:700}.btn.primary{background:var(--teal);color:white}.btn:hover{filter:brightness(.9)}
.visual{border-block:1px solid var(--line);padding:36px 0 24px}.visual svg{width:100%;height:auto;display:block}.caption{font-size:.83rem;color:var(--muted)}
.section{padding:clamp(48px,7vw,86px) 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-.045em;line-height:1.16;margin:0 0 20px}h3{font-size:1.25rem;margin:30px 0 10px}p{max-width:780px}ul{max-width:780px;padding-left:24px}li{margin:9px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.card{border:1px solid var(--line);padding:25px;background:#fff;border-radius:8px}.card b{color:var(--teal)}.card h3{margin:8px 0}.note{background:#f0f7f9;border-left:4px solid var(--teal);padding:18px 22px;margin:25px 0;max-width:800px}.small{font-size:.9rem;color:var(--muted)}.pagehead{padding:74px 0 35px;border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.055em;line-height:1.08;margin:15px 0}.article{padding:42px 0 100px}.article h2{margin-top:48px;font-size:clamp(1.6rem,3vw,2.2rem)}.article p,.article li{max-width:800px}.refs{font-size:.91rem}.footer{padding:35px 0 55px;color:var(--muted);font-size:.86rem}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
.node{cursor:pointer;outline:none}.node:focus-visible circle{stroke:#e09b45;stroke-width:4}.detail{min-height:110px;border-left:4px solid var(--teal);background:#f2f8fa;padding:15px 20px;margin-top:12px;max-width:800px}
@media(max-width:760px){.nav{padding:13px 0}.links{gap:8px 16px}.links a{font-size:.82rem}.grid{grid-template-columns:1fr}.hero{padding-top:62px}.visual{overflow:hidden}.visual svg{min-width:680px;transform:translateX(-9%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* MAPIA V3: interacción con responsabilidad docente explícita */
.visual-intro{margin:0 0 20px}.visual-intro h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:7px 0}.visual-intro p{color:var(--muted);margin:0 0 12px}
.detail{max-width:100%;min-height:96px}.detail-heading h3{margin:0 0 16px}.evidence-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.evidence-steps>div{background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px}.evidence-steps p{margin:9px 0 0}.step-num,.path-label{color:var(--teal);font-size:.84rem;font-weight:800}.node.selected circle{stroke:#e09b45;stroke-width:5}.node:hover circle{stroke:#e09b45;stroke-width:3}.flow-active{stroke-dasharray:16 6;animation:trace-flow 1.1s ease-in-out 1}@keyframes trace-flow{from{stroke-dashoffset:70}to{stroke-dashoffset:0}}
.research-paths{margin:42px 0;padding:26px;border:1px solid var(--line);border-radius:9px;background:#f7fbfc}.research-paths h3{margin:8px 0 22px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.path-card{background:white;border:1px solid var(--line);border-radius:7px;padding:18px}.path-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px;font-size:.91rem}.path-flow span:nth-child(even){color:var(--teal);font-weight:800}
@media(max-width:760px){.evidence-steps,.path-grid{grid-template-columns:1fr}.detail{padding:15px}.research-paths{padding:18px}.hero h1{font-size:clamp(2.6rem,9vw,4.5rem)}}