/* Edukanatomy · capa común (cabecera, navegación, accesibilidad, pie). Fondo claro siempre. */
@import url('fonts.css');
:root{
  color-scheme:light;
  --bg:#F5F9FC;--white:#FFFFFF;--ink:#0D2131;--muted:#3D5466;--cyan:#2CC9E6;--cyan-strong:#0A7690;--teal:#0A7690;
  --yellow:#FCE662;--violet:#6C4CE0;--navy:#2A4F69;--coral:#D9443F;--blue:#3F6FD1;--line:rgba(42,79,105,.14);
  --glass:rgba(255,255,255,.78);--shadow:0 18px 50px -18px rgba(20,60,90,.28);--radius:20px;
  --font:'Figtree','Segoe UI',system-ui,sans-serif;--display:'Sora','Segoe UI',system-ui,sans-serif;
  --scale:1;
}
html{font-size:calc(16px * var(--scale))}
body.eduk{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 var(--font);-webkit-font-smoothing:antialiased}
body.eduk *{box-sizing:border-box}
.eduk [hidden]{display:none!important}
.eduk h1,.eduk h2,.eduk h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.15}
.eduk a{color:var(--teal)}
.eduk :focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
.eduk .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eduk-skip{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--ink);color:#fff!important;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.eduk-skip:focus{top:12px}

/* Cabecera */
.eduk-header{position:sticky;top:0;z-index:60;background:rgba(245,249,252,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.eduk-header-in{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px clamp(14px,3vw,32px);min-height:68px}
.eduk-logo{display:flex;align-items:center;flex:0 0 auto}
.eduk-logo img{height:46px;width:auto;display:block}
.eduk-nav{flex:1;min-width:0}
.eduk-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.eduk-nav a{display:block;padding:9px 13px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem;white-space:nowrap}
.eduk-nav a:hover{background:rgba(44,201,230,.14)}
.eduk-nav a[aria-current="page"]{background:var(--ink);color:#fff}
.eduk-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.eduk-select{appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 34px 9px 14px;font:600 .9rem var(--font);color:var(--ink);background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat;min-height:44px}
.eduk-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 .9rem var(--font);cursor:pointer;padding:0 14px}
.eduk-icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eduk-icon-btn:hover{border-color:var(--cyan)}
.eduk-menu-btn{display:none}
.eduk-demo-chip{display:none;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--yellow);color:var(--ink);font:700 .85rem var(--font);white-space:nowrap}
.eduk-demo-chip.is-on{display:inline-flex}
.eduk-demo-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:edukPulse 1.4s infinite}
@keyframes edukPulse{50%{opacity:.25}}
@media (max-width:1180px){
  .eduk-menu-btn{display:inline-flex}
  .eduk-nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;padding:10px 16px 16px}
  .eduk-nav.is-open{display:block}
  .eduk-nav ul{flex-direction:column}
  .eduk-header-in{position:relative}
}
@media (max-width:560px){.eduk-logo img{height:36px}.eduk-actions .eduk-label-txt{display:none}}

/* Botones */
.eduk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font:700 1rem var(--font);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}
.eduk-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eduk-btn-primary{background:var(--ink);color:#fff!important}
.eduk-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(13,33,49,.55)}
.eduk-btn-cyan{background:var(--cyan);color:var(--ink)!important}
.eduk-btn-ghost{background:#fff;color:var(--ink)!important;border-color:var(--line)}
.eduk-btn-ghost:hover{border-color:var(--cyan)}

/* Panel de accesibilidad */
.eduk-a11y{position:fixed;right:16px;top:84px;z-index:90;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.eduk-a11y[hidden]{display:none}
.eduk-a11y h2{font-size:1.1rem;margin:0 0 12px}
.eduk-a11y .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.eduk-a11y .row:first-of-type{border-top:0}
.eduk-a11y label{font-weight:600}
.eduk-a11y .stepper{display:flex;align-items:center;gap:6px}
.eduk-a11y .stepper output{min-width:52px;text-align:center;font-weight:700}
.eduk-switch{position:relative;width:52px;height:30px;border-radius:999px;background:#C9D6E0;border:0;cursor:pointer;flex:0 0 auto}
.eduk-switch::after{content:'';position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.eduk-switch[aria-checked="true"]{background:var(--teal)}
.eduk-switch[aria-checked="true"]::after{left:26px}

/* Preferencias aplicadas */
html.a11y-contrast{--muted:#1D2F3D;--line:rgba(13,33,49,.45);--teal:#054A5B}
html.a11y-contrast body.eduk{background:#fff}
html.a11y-links .eduk a{text-decoration:underline!important;text-underline-offset:3px}
html.a11y-spacing body.eduk{letter-spacing:.04em;word-spacing:.12em;line-height:1.9}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.eduk-guide{position:fixed;left:0;right:0;height:46px;pointer-events:none;z-index:80;background:rgba(252,230,98,.22);border-top:2px solid rgba(10,118,144,.55);border-bottom:2px solid rgba(10,118,144,.55);display:none}
html.a11y-guide .eduk-guide{display:block}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Aviso de alcance (contenido pendiente de revisión) */
.eduk-scope{max-width:1440px;margin:0 auto;padding:8px clamp(14px,3vw,32px);font-size:.85rem;color:var(--muted);display:flex;gap:8px;align-items:center}
.eduk-scope b{color:var(--ink)}

/* Pie */
.eduk-footer{margin-top:80px;border-top:1px solid var(--line);background:#fff}
.eduk-footer-in{max-width:1440px;margin:0 auto;padding:36px clamp(14px,3vw,32px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;font-size:.92rem;color:var(--muted)}
.eduk-footer h2{font-size:.95rem;color:var(--ink);margin:0 0 10px}
.eduk-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
@media (max-width:760px){.eduk-footer-in{grid-template-columns:1fr}}

/* Bloqueo de demo */
.eduk-lock{max-width:720px;margin:80px auto;padding:40px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}
.eduk-lock h1{font-size:1.8rem;margin:0 0 10px}

/* Narración */
.eduk-narrate{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font:700 .92rem var(--font);color:var(--ink);cursor:pointer}
.eduk-narrate svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eduk-narrate[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.eduk-caption{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:95;max-width:min(880px,calc(100vw - 32px));background:rgba(13,33,49,.92);color:#fff;padding:12px 20px;border-radius:14px;font:600 1.12rem/1.5 var(--font);text-align:center;box-shadow:var(--shadow)}
.eduk-caption:empty{display:none}