.md-casilla-wrap{padding-bottom:clamp(28px,4vw,48px)}
.md-casilla .casilla-sub{margin-bottom:4px}
.md-indice{margin-top:clamp(28px,4vw,44px)}

.md-cuerpo .md-lead{max-width:26ch;margin-bottom:22px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.18;letter-spacing:-.03em}
.md-h3{margin:30px 0 10px;font-size:1.2rem}
.nota-ref{margin-left:2px;font-size:.7em;line-height:0}
.nota-ref a{padding:0 2px;font-weight:700;text-decoration:none}

.md-tabla{width:100%;margin-top:8px;border-collapse:collapse;font-size:1rem}
.md-tabla th,.md-tabla td{padding:14px 16px;border:1px solid var(--line);text-align:left;vertical-align:top}
.md-tabla thead th{background:var(--soft);font-family:var(--display);font-weight:650;color:var(--navy)}
.md-tabla tbody th{width:34%;font-weight:650;color:var(--navy)}
.md-tabla td{color:#27456f}
.md-tabla .md-col{width:20%;border-left:2px solid var(--cobalt);border-right:2px solid var(--cobalt);background:#eef5fe}
.md-tabla thead .md-col{border-top:2px solid var(--cobalt)}
.md-tabla tbody tr:last-child .md-col{border-bottom:2px solid var(--cobalt)}
.md-sub{display:block;margin-top:2px;font:500 .82rem/1.4 var(--body);color:var(--muted)}
.est{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;font-weight:700;line-height:1.3}
.est-si{color:var(--navy)}
.est-si .ico-si{color:var(--cobalt)}
.est-exp{padding:2px 10px;border-radius:999px;background:#fff4dc;color:#5c3700}
.est-no{color:var(--muted)}
.est-prog{padding:2px 10px;border:1px dashed var(--cobalt);border-radius:999px;background:#fff;color:var(--cobalt)}

.md-graficos{margin-top:28px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}
.md-graf-tabs{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:12px}
.md-graf-tab{min-height:44px;padding:8px 2px;border:0;border-bottom:2px solid transparent;background:none;font:600 .98rem/1.3 var(--body);color:var(--muted);cursor:pointer}
.md-graf-tab[aria-selected=true]{border-bottom-color:var(--navy);color:var(--navy)}
.md-graf-h{margin:0 0 10px;font-size:1.05rem}
.js .md-graficos .md-graf-h{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.md-graficos [role=tabpanel]+[role=tabpanel]{margin-top:22px}
.js .md-graficos [role=tabpanel]+[role=tabpanel]{margin-top:0}
.graf{margin:0}
.graf-lienzo{position:relative;display:grid;place-items:center;height:clamp(180px,30vw,240px);padding-left:26px}
.graf-svg{position:absolute;inset:0 0 0 26px;width:calc(100% - 26px);height:100%}
.graf-rej{stroke:var(--line);stroke-width:1}
.graf-eje{stroke:#9db9e3;stroke-width:1.5}
.graf-hueco{fill:none;stroke:#9db9e3;stroke-width:3;stroke-dasharray:6 8;stroke-linecap:round}
.js .graf-hueco{animation:graf-hueco 6s linear infinite}
@keyframes graf-hueco{to{stroke-dashoffset:-140}}
.graf-y{position:absolute;left:0;top:50%;transform:translate(-30%,-50%) rotate(-90deg);font:600 .72rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.graf-lienzo .en-progreso{position:relative}
.graf-x{list-style:none;margin:6px 0 0 26px;padding:0;display:flex;justify-content:space-between;gap:6px;font:600 .8rem/1.3 var(--mono);color:var(--muted)}
.graf figcaption{margin-top:10px;font-size:.92rem;line-height:1.5;color:var(--muted)}
.graf figcaption strong{color:var(--navy)}

.md-pasos{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:12px}
.md-pasos li{padding:18px 16px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.md-paso-n{display:block;margin-bottom:10px;font:700 .8rem/1 var(--mono);letter-spacing:.08em;color:var(--cobalt)}
.md-pasos h3{margin:0 0 6px;font-size:1.05rem}
.md-pasos p,.md-caja p,.md-viene p{margin:0;font-size:.95rem;line-height:1.55}
.md-cajas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:14px;margin-top:18px}
.md-caja{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.md-caja .mono{margin:0 0 8px;color:var(--cobalt)}
.md-caja h3{margin:0 0 8px;font-size:1.15rem}
.md-caja-prog{border-style:dashed;background:var(--soft)}
.md-caja-prog .en-progreso{margin-top:12px}
.md-caja .check-list{gap:8px}
.md-caja .check-list li{font-size:.95rem;color:#27456f}

.md-viene{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:12px}
.md-viene li{padding:18px;border:1px dashed #9db9e3;border-radius:16px;background:var(--soft)}
.md-viene h3{margin:12px 0 6px;font-size:1.08rem}

.md-notas{margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--line)}
.md-notas h2{font-size:1.3rem}
.md-notas ol{margin:0;padding-left:1.4em;display:grid;gap:8px}
.md-notas li{font-size:.92rem;line-height:1.6;color:var(--muted)}
.md-notas li:target{color:var(--navy)}

@media(max-width:640px){
 .md-tabla,.md-tabla thead,.md-tabla tbody,.md-tabla tr,.md-tabla th,.md-tabla td{display:block}
 .md-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .md-tabla tr{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
 .md-tabla th,.md-tabla td,.md-tabla tbody tr:last-child .md-col{border:0}
 .md-tabla tbody th{width:auto;padding:12px 14px 6px}
 .md-tabla td{padding:6px 14px 10px}
 .md-tabla .md-col{width:auto;border:0;background:#eef5fe;padding-top:10px}
 .md-tabla td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font:600 .72rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
 .md-graficos{padding:14px}
 .graf-x{font-size:.72rem}
}

@media(prefers-reduced-motion:reduce){
 .graf-hueco{stroke-dashoffset:0}
}