/* Estilos de UI2 para los mockups de la documentación. GENERADO desde app/static/ui2.css:
   selectores limitados a .mk-ui2 (la pantalla del mockup), tokens claro/oscuro según el tema del visitante
   (:root[data-theme]) y sin media queries de ancho. Regenerar si cambia ui2.css. */
.mk-ui2{
  --bg:#f5f8fb; --surface:#ffffff; --surface-2:#f0f4f8; --surface-hover:#f5f9fc;
  --border:#dde6ee; --border-strong:#b8c8d6; --border-input:#7b8c9c;
  --text:#0a2a44; --text-2:#44586b; --text-3:#5b6d7f; --link:#1a6ea3; --link-h:#0a2a44;
  --primary:#f5871f; --primary-h:#f79a45; --on-primary:#0a2a44;
  --accent:#1a6ea3; --accent-soft:#e3f0f8; --on-accent-soft:#155a86; --on-accent:#ffffff;
  --ok:#276a43; --ok-bg:#e6f4ec; --ok-border:#b9dcc6; --ok-dot:#2f9e5f;
  --warn:#8a5300; --warn-bg:#fdf1dc; --warn-border:#efd09a; --warn-dot:#e08a00;
  --err:#b0362d; --err-bg:#fbe8e5; --err-border:#ebbcb6; --err-dot:#d9463b;
  --info:#155a86; --info-bg:#e3f0f8; --info-border:#bcd8ec; --info-dot:#1a6ea3;
  --run:#0e6f7c; --run-bg:#e2f5f7; --run-dot:#3fb5c4;
  --neutral:#44586b; --neutral-bg:#eef3f7; --neutral-dot:#8a9bab;
  --sb-bg:#0a2a44; --sb-hover:rgba(255,255,255,.07); --sb-active:rgba(255,255,255,.12);
  --focus:#0a2a44; --focus-halo:#ffffff; --velo:rgba(10,42,68,.45);
  --sh-1:0 1px 2px rgba(10,42,68,.06),0 1px 1px rgba(10,42,68,.04);
  --sh-2:0 4px 12px -2px rgba(10,42,68,.08),0 2px 4px -2px rgba(10,42,68,.06);
  --sh-3:0 16px 40px -12px rgba(10,42,68,.28);
  --papel:#f5f8fb; --hoja:#ffffff; --tinta:#0a2a44; --suave:#44586b; --tenue:#5b6d7f;
  --linea:#dde6ee; --linea-f:#b8c8d6; --azul:#1a6ea3; --azul-h:#0a2a44; --azul-c:#e3f0f8;
  --sello:#276a43; --sello-c:#e6f4ec; --ambar:#8a5300; --ambar-c:#fdf1dc; --rojo:#b0362d; --rojo-c:#fbe8e5;
  --fondo:#f3f6f9;
  --pl-bg:#e3f0f8; --pl-h:#cfe4f2; --pl-borde:#b3d2e8;
  color-scheme:light;

  --marino:#0a2a44; --naranjo:#f5871f; --turquesa:#3fb5c4;
  --naranja:#f5871f; --naranja-h:#f79a45;
  --sb-text:#c8d6e2; --sb-muted:#9fb2c3; --sb-border:rgba(255,255,255,.10); --focus-sb:#f5a04e;
  --sb-w:272px; --sb-w-min:72px; --sb-cur:var(--sb-w);
  --font:"Public Sans","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --disp:var(--font); --txt:var(--font);
  --fs-xs:.875rem; --fs-sm:.9375rem; --fs-md:1rem; --fs-lg:1.125rem; --fs-xl:1.25rem; --fs-2xl:1.625rem; --fs-3xl:2rem;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px; --s12:48px;
  --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:18px; --r-full:999px; --r1:8px; --r2:18px;
  --t-fast:120ms; --t:180ms; --ease:cubic-bezier(.2,.7,.2,1);
  --hit:40px; --hit-touch:44px;
}
@media (prefers-color-scheme:dark){
:root[data-theme="auto"] .mk-ui2{
  --bg:#0d1b27; --surface:#132636; --surface-2:#0f2130; --surface-hover:#183044;
  --border:#22394d; --border-strong:#35516a; --border-input:#6b8196;
  --text:#e6edf3; --text-2:#b9c7d4; --text-3:#a9b8c6; --link:#6cb4e4; --link-h:#a8d3f0;
  --primary:#f5871f; --primary-h:#f79a45; --on-primary:#0a2a44;
  --accent:#6cb4e4; --accent-soft:#16344c; --on-accent-soft:#a8d3f0; --on-accent:#0a2a44;
  --ok:#7fd49e; --ok-bg:#15352a; --ok-border:#2c5a44; --ok-dot:#4cc07c;
  --warn:#f3c078; --warn-bg:#3a2a10; --warn-border:#6b4e1c; --warn-dot:#f0a53a;
  --err:#f2a79f; --err-bg:#3d1a17; --err-border:#6e322b; --err-dot:#f07c6f;
  --info:#a8d3f0; --info-bg:#16344c; --info-border:#2b5475; --info-dot:#6cb4e4;
  --run:#8fe0ea; --run-bg:#11343a; --run-dot:#3fb5c4;
  --neutral:#b9c7d4; --neutral-bg:#1c3144; --neutral-dot:#7f93a6;
  --sb-bg:#081823; --sb-hover:rgba(255,255,255,.06); --sb-active:rgba(255,255,255,.1);
  --focus:#f5a04e; --focus-halo:#0d1b27; --velo:rgba(0,0,0,.6);
  --sh-1:0 1px 2px rgba(0,0,0,.35); --sh-2:0 6px 16px -4px rgba(0,0,0,.5); --sh-3:0 18px 44px -12px rgba(0,0,0,.7);
  
  --papel:#0d1b27; --hoja:#132636; --tinta:#e6edf3; --suave:#b9c7d4; --tenue:#a9b8c6;
  --linea:#22394d; --linea-f:#35516a; --azul:#6cb4e4; --azul-h:#a8d3f0; --azul-c:#16344c;
  --sello:#7fd49e; --sello-c:#15352a; --ambar:#f3c078; --ambar-c:#3a2a10; --rojo:#f2a79f; --rojo-c:#3d1a17;
  --fondo:#0d1b27;
  --pl-bg:#16344c; --pl-h:#1d4466; --pl-borde:#2b5475;
  color-scheme:dark;
}
}
:root[data-theme="dark"] .mk-ui2{
  --bg:#0d1b27; --surface:#132636; --surface-2:#0f2130; --surface-hover:#183044;
  --border:#22394d; --border-strong:#35516a; --border-input:#6b8196;
  --text:#e6edf3; --text-2:#b9c7d4; --text-3:#a9b8c6; --link:#6cb4e4; --link-h:#a8d3f0;
  --primary:#f5871f; --primary-h:#f79a45; --on-primary:#0a2a44;
  --accent:#6cb4e4; --accent-soft:#16344c; --on-accent-soft:#a8d3f0; --on-accent:#0a2a44;
  --ok:#7fd49e; --ok-bg:#15352a; --ok-border:#2c5a44; --ok-dot:#4cc07c;
  --warn:#f3c078; --warn-bg:#3a2a10; --warn-border:#6b4e1c; --warn-dot:#f0a53a;
  --err:#f2a79f; --err-bg:#3d1a17; --err-border:#6e322b; --err-dot:#f07c6f;
  --info:#a8d3f0; --info-bg:#16344c; --info-border:#2b5475; --info-dot:#6cb4e4;
  --run:#8fe0ea; --run-bg:#11343a; --run-dot:#3fb5c4;
  --neutral:#b9c7d4; --neutral-bg:#1c3144; --neutral-dot:#7f93a6;
  --sb-bg:#081823; --sb-hover:rgba(255,255,255,.06); --sb-active:rgba(255,255,255,.1);
  --focus:#f5a04e; --focus-halo:#0d1b27; --velo:rgba(0,0,0,.6);
  --sh-1:0 1px 2px rgba(0,0,0,.35); --sh-2:0 6px 16px -4px rgba(0,0,0,.5); --sh-3:0 18px 44px -12px rgba(0,0,0,.7);
  
  --papel:#0d1b27; --hoja:#132636; --tinta:#e6edf3; --suave:#b9c7d4; --tenue:#a9b8c6;
  --linea:#22394d; --linea-f:#35516a; --azul:#6cb4e4; --azul-h:#a8d3f0; --azul-c:#16344c;
  --sello:#7fd49e; --sello-c:#15352a; --ambar:#f3c078; --ambar-c:#3a2a10; --rojo:#f2a79f; --rojo-c:#3d1a17;
  --fondo:#0d1b27;
  --pl-bg:#16344c; --pl-h:#1d4466; --pl-borde:#2b5475;
  color-scheme:dark;
}
.mk-ui2{background:var(--bg);color:var(--text);font:400 var(--fs-md)/1.55 var(--font);-webkit-font-smoothing:antialiased;padding-left:var(--sb-cur);min-height:100vh;display:flex;flex-direction:column}
.mk-ui2.sb-min{--sb-cur:var(--sb-w-min)}
.mk-ui2 h1,.mk-ui2 h2,.mk-ui2 h3,.mk-ui2 h4{font-family:var(--font);color:var(--text);letter-spacing:-.012em;line-height:1.2}
.mk-ui2 h1{font-size:var(--fs-2xl);font-weight:700}
.mk-ui2 h2{font-size:var(--fs-xl);font-weight:700}
.mk-ui2 h3{font-size:var(--fs-lg);font-weight:600}
.mk-ui2 a{color:var(--link);text-underline-offset:3px}
.mk-ui2 a:hover{color:var(--link-h)}
.mk-ui2 :focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-halo)}
.mk-ui2 .sb :focus-visible,.mk-ui2 .topm :focus-visible{outline-color:var(--focus-sb);box-shadow:none}
.mk-ui2 input:focus-visible,.mk-ui2 select:focus-visible,.mk-ui2 textarea:focus-visible{outline:3px solid var(--accent);outline-offset:0;box-shadow:none;border-color:var(--accent)}
.mk-ui2 .saltar{background:var(--marino);color:#fff;border-radius:var(--r-sm)}
.mk-ui2 .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-ui2 .ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk-ui2 .ico.lg{width:22px;height:22px}
.mk-ui2 hr{border:0;border-top:1px solid var(--border)}
.mk-ui2 code{background:var(--surface-2);border-radius:4px;padding:0 4px}
.mk-ui2 .sb{position:fixed;top:0;left:0;bottom:0;z-index:70;width:var(--sb-cur);display:flex;flex-direction:column;background:var(--sb-bg);color:var(--sb-text);overflow:hidden;transition:width var(--t) var(--ease)}
.mk-ui2 .sb-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s5) var(--s4) var(--s4);min-height:72px}
.mk-ui2 .sb-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0}
.mk-ui2 .sb-logo img{height:30px;width:auto;display:block}
.mk-ui2 .sb-logo .prod{font-size:var(--fs-sm);font-weight:600;color:var(--sb-muted);padding-left:10px;border-left:1px solid var(--sb-border);line-height:1.2}
.mk-ui2 .sb-logo .iso{display:none;width:32px;height:32px;border-radius:var(--r-sm);background:#fff;padding:3px}
.mk-ui2 .sb-cta{padding:0 var(--s4) var(--s4)}
.mk-ui2 .sb-cta .btn{width:100%}
.mk-ui2 .sb-nav{flex:1 1 auto;min-height:0;overflow:hidden auto;scrollbar-width:thin;padding:var(--s1) var(--s3) var(--s4);display:flex;flex-direction:column;gap:2px}
.mk-ui2 .sb-head,.mk-ui2 .sb-cta,.mk-ui2 .sb-foot{flex:none}
.mk-ui2 .sb-sec{margin:var(--s5) var(--s3) var(--s2);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sb-muted)}
.mk-ui2 .sb-nav a{display:flex;align-items:center;gap:var(--s3);min-height:var(--hit);padding:0 var(--s3);border-radius:var(--r-sm);color:var(--sb-text);text-decoration:none;font-weight:500;position:relative;white-space:nowrap}
.mk-ui2 .sb-nav a:hover{background:var(--sb-hover);color:#fff}
.mk-ui2 .sb-nav a .lbl{white-space:normal;line-height:1.25;padding:6px 0;overflow-wrap:anywhere}
.mk-ui2 .sb-nav a{white-space:normal}
.mk-ui2 .sb-nav a[aria-current=page]{background:var(--sb-active);color:#fff;font-weight:600}
.mk-ui2 .sb-nav a[aria-current=page]::before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--naranjo)}
.mk-ui2 .sb-foot{border-top:1px solid var(--sb-border);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}
.mk-ui2 .sb-fila{display:flex;gap:4px}
.mk-ui2 .sb-fila .sb-tema{flex:1;min-width:0}
.mk-ui2 .sb-fila .sb-plegar{width:auto;flex:none;padding:0 11px}
.mk-ui2 .sb-fila .sb-plegar .lbl{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-ui2.sb-min .sb-fila{flex-direction:column}
.mk-ui2.sb-min .sb-fila .sb-plegar{padding:0}
.mk-ui2 .saldo-card{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-md);background:rgba(63,181,196,.12);color:#fff;text-decoration:none;min-height:48px}
.mk-ui2 .saldo-card:hover{background:rgba(63,181,196,.2);color:#fff}
.mk-ui2 .saldo-card b{font-size:var(--fs-lg);line-height:1}
.mk-ui2 .saldo-card span{font-size:var(--fs-sm);color:var(--sb-text)}
.mk-ui2 .saldo-card .ico{color:var(--turquesa)}
.mk-ui2 .yo{position:relative}
.mk-ui2 .yo>summary{list-style:none;display:flex;align-items:center;gap:var(--s3);min-height:48px;padding:var(--s2);border-radius:var(--r-sm);cursor:pointer;color:#fff}
.mk-ui2 .yo>summary::-webkit-details-marker{display:none}
.mk-ui2 .yo>summary:hover,.mk-ui2 .yo[open]>summary{background:var(--sb-hover)}
.mk-ui2 .avatar{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--turquesa);color:var(--marino);font-weight:700;font-size:var(--fs-sm)}
.mk-ui2 .yo .quien{min-width:0;line-height:1.25}
.mk-ui2 .yo .quien b{display:block;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-ui2 .yo .quien span{display:block;font-size:var(--fs-xs);color:var(--sb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-ui2 .yo>summary>.ico{margin-left:auto;color:var(--sb-muted)}
.mk-ui2 .menu{position:absolute;z-index:80;min-width:232px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:6px;display:flex;flex-direction:column}
.mk-ui2 .yo .menu{bottom:calc(100% + 6px);left:0;right:0}
.mk-ui2 .menu a,.mk-ui2 .menu button{display:flex;align-items:center;gap:var(--s2);min-height:36px;padding:0 var(--s3);border-radius:var(--r-xs);color:var(--text);text-decoration:none;font:500 var(--fs-md) var(--font);background:none;border:0;cursor:pointer;text-align:left;width:100%}
.mk-ui2 .menu a:hover,.mk-ui2 .menu button:hover{background:var(--surface-2);color:var(--text)}
.mk-ui2 .menu a[aria-current=page]{background:var(--accent-soft);color:var(--on-accent-soft)}
.mk-ui2 .menu form{margin:0}
.mk-ui2 .menu hr{margin:4px 0}
.mk-ui2 .menu .menu-t2{font-size:var(--fs-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:6px var(--s3) 2px}
.mk-ui2 .tema-op{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px 4px 4px}
.mk-ui2 .tema-op button{justify-content:center;flex-direction:column;gap:2px;min-height:48px;font-size:var(--fs-xs);border:1px solid transparent}
.mk-ui2 .tema-op button[aria-pressed=true]{background:var(--accent-soft);color:var(--on-accent-soft);border-color:var(--accent)}
.mk-ui2 .sb-plegar,.mk-ui2 .sb-tema{display:flex;align-items:center;gap:var(--s3);min-height:var(--hit);padding:0 var(--s3);border-radius:var(--r-sm);background:none;border:0;color:var(--sb-muted);font:500 var(--fs-sm) var(--font);cursor:pointer;width:100%}
.mk-ui2 .sb-plegar:hover,.mk-ui2 .sb-tema:hover{background:var(--sb-hover);color:#fff}
.mk-ui2 .sb-cerrar{display:none;margin-left:auto;align-items:center;justify-content:center;width:var(--hit-touch);height:var(--hit-touch);border-radius:var(--r-sm);background:none;border:1px solid var(--sb-border);color:#fff;cursor:pointer}
.mk-ui2.sb-min .sb .lbl,.mk-ui2.sb-min .sb-sec,.mk-ui2.sb-min .sb-logo .prod,.mk-ui2.sb-min .sb-logo img:not(.iso),.mk-ui2.sb-min .saldo-card span,.mk-ui2.sb-min .yo .quien,.mk-ui2.sb-min .yo>summary>.ico{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-ui2.sb-min .sb-logo .iso{display:block}
.mk-ui2.sb-min .sb-head{justify-content:center;padding-inline:0}
.mk-ui2.sb-min .sb-nav a,.mk-ui2.sb-min .sb-plegar,.mk-ui2.sb-min .sb-tema,.mk-ui2.sb-min .yo>summary{justify-content:center;padding:0}
.mk-ui2 .sb-tema .ico{display:none}
.mk-ui2 .sb-tema[data-actual=claro] .t-claro,.mk-ui2 .sb-tema[data-actual=oscuro] .t-oscuro,.mk-ui2 .sb-tema[data-actual=auto] .t-auto{display:block}
.mk-ui2 .sb-tema .ico{color:var(--turquesa)}
.mk-ui2.sb-min .sb-sec{margin:0}
.mk-ui2.sb-min .sb-nav .grp+.grp{border-top:1px solid var(--sb-border);margin-top:var(--s2);padding-top:var(--s2)}
.mk-ui2.sb-min .sb-cta{padding-inline:var(--s3)}
.mk-ui2.sb-min .sb-cta .btn{padding:0;width:var(--hit-touch);margin:auto}
.mk-ui2.sb-min .saldo-card{justify-content:center;padding:var(--s2);flex-direction:column;gap:2px}
.mk-ui2.sb-min .saldo-card b{font-size:var(--fs-sm)}
.mk-ui2.sb-min .sb-plegar .ico{transform:scaleX(-1)}
.mk-ui2.sb-min .yo .menu{left:calc(100% + 8px);bottom:0;right:auto}
.mk-ui2 .topm{display:none}
.mk-ui2 .velo{display:none}
.mk-ui2 .mk-main{width:100%;max-width:1200px;margin:0 auto;padding:var(--s8) var(--s10) var(--s12);flex:1}
.mk-ui2 .pie{border-top:1px solid var(--border);padding:var(--s5) var(--s10);font-size:var(--fs-sm);color:var(--text-3);text-align:left}
.mk-ui2 .pie a{color:var(--text-2)}
.mk-ui2 .cabeza{align-items:flex-end;gap:var(--s4) var(--s6);margin-bottom:var(--s6)}
.mk-ui2 .cabeza h1{margin:0 0 6px}
.mk-ui2 .cabeza p{color:var(--text-2)}
.mk-ui2 .migas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 var(--s3);padding:0;list-style:none;font-size:var(--fs-sm);color:var(--text-3)}
.mk-ui2 .migas li+li::before{content:"/";margin-right:6px;color:var(--border-strong)}
.mk-ui2 .migas a{color:var(--text-2);text-decoration:none}
.mk-ui2 .migas a:hover{color:var(--link);text-decoration:underline}
.mk-ui2 .btn{min-height:var(--hit);padding:0 var(--s5);border-radius:var(--r-full);font:600 var(--fs-md)/1.2 var(--font);gap:var(--s2);background:var(--primary);border:1px solid var(--primary);color:var(--on-primary);box-shadow:var(--sh-1);transition:background var(--t-fast),border-color var(--t-fast)}
.mk-ui2 .btn:hover,.mk-ui2 .btn.naranjo:hover,.mk-ui2 .btn.chico:hover{background:var(--primary-h);border-color:var(--primary-h);color:var(--on-primary)}
.mk-ui2 .btn.naranjo{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.mk-ui2 .btn.sec{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}
.mk-ui2 .btn.sec:hover{background:var(--surface-2);border-color:var(--border-input);color:var(--text)}
.mk-ui2 .btn.peligro{background:var(--surface);color:var(--err);border:1px solid var(--err-border)}
.mk-ui2 .btn.peligro:hover{background:var(--err-bg);color:var(--err)}
.mk-ui2 .btn.chico{min-height:32px;padding:0 var(--s3);font-size:var(--fs-sm)}
.mk-ui2 .btn[disabled],.mk-ui2 .btn[aria-disabled=true],.mk-ui2 .btn.naranjo[disabled]{background:var(--surface-2);border-color:var(--border);color:var(--text-3);box-shadow:none;cursor:not-allowed}
.mk-ui2 .btn-link{color:var(--link)}
.mk-ui2 .sb .btn{box-shadow:none}
.mk-ui2 label,.mk-ui2 .ayuda,.mk-ui2 .nota,.mk-ui2 .cabeza p,.mk-ui2 .elegir legend .ayuda,.mk-ui2 .opcion .transcripcion,.mk-ui2 .fuentes,.mk-ui2 .plan-mod,.mk-ui2 .error-campo,.mk-ui2 .obs .como,.mk-ui2 .ed-hilo,.mk-ui2 .ed-fb,.mk-ui2 .ed-hilo blockquote,.mk-ui2 .doc-res li a,.mk-ui2 .galeria-img span,.mk-ui2 .indice a,.mk-ui2 .doc-indice a,.mk-ui2 .aviso,.mk-ui2 .aviso p,.mk-ui2 .aviso li,.mk-ui2 .bloque li,.mk-ui2 .retracto,.mk-ui2 section[aria-labelledby=reglas-tit] ul,.mk-ui2 .ayuda-horas,.mk-ui2 .cifras span,.mk-ui2 .u2-card-h p,.mk-ui2 .pasos-ini span,.mk-ui2 .movs .tx,.mk-ui2 .tabla .curso-sub,.mk-ui2 ol.apa,.mk-ui2 .riel li{font-size:var(--fs-sm)}
.mk-ui2 .etiqueta-di,.mk-ui2 .opcion .origen,.mk-ui2 .alt .fb-l,.mk-ui2 .alt .marca-ok,.mk-ui2 .doc-res li small,.mk-ui2 .doc-grupo,.mk-ui2 .bitacora,.mk-ui2 .vista table,.mk-ui2 .tabla-cuenta,.mk-ui2 .tabla-exp,.mk-ui2 .pie,.mk-ui2 .btn-link,.mk-ui2 .ayuda-link,.mk-ui2 .ed-chip,.mk-ui2 .ed-nc,.mk-ui2 .ed-cuota,.mk-ui2 .ed-lista h2,.mk-ui2 .ed-ayuda-teclas kbd,.mk-ui2 #ed-items .t,.mk-ui2 .ed-estado,.mk-ui2 .ed-tabs button,.mk-ui2 .ed-formato button,.mk-ui2 .tabla td[data-l="Actualizado"],.mk-ui2 [style*="font-size:.78rem"]{font-size:var(--fs-xs)!important}
.mk-ui2 .riel li b{font-size:var(--fs-sm)}
.mk-ui2 .bloque{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5) var(--s6) var(--s6);box-shadow:var(--sh-1);margin-bottom:var(--s5)}
.mk-ui2 .bloque>h2:first-child,.mk-ui2 .bloque>h3:first-child{margin-bottom:var(--s3)}
.mk-ui2 .nota,.mk-ui2 .ayuda{color:var(--text-3)}
.mk-ui2 .cabeza .nota{color:var(--text-2)}
.mk-ui2 .cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s4);background:none;border:0;border-radius:0;overflow:visible;margin-bottom:var(--s6)}
.mk-ui2 .cifras>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s5);display:flex;flex-direction:column;gap:6px;min-width:0}
.mk-ui2 .cifras b{font:700 var(--fs-3xl)/1 var(--font);letter-spacing:-.02em;color:var(--text);order:2}
.mk-ui2 .cifras span{font-size:var(--fs-sm);color:var(--text-2);order:3}
.mk-ui2 .cifras .k{display:flex;align-items:center;gap:var(--s2);font-weight:500;color:var(--text-2);order:1}
.mk-ui2 .cifras .k .ico{color:var(--accent)}
.mk-ui2 .cifras>div.dest{background:linear-gradient(135deg,#0a2a44 0%,#123e62 100%);border-color:transparent}
.mk-ui2 .cifras>div.dest b{color:#fff}
.mk-ui2 .cifras>div.dest span,.mk-ui2 .cifras>div.dest .k{color:#c8d6e2}
.mk-ui2 .cifras>div.dest .k .ico{color:var(--turquesa)}
.mk-ui2 .cifras>div.dest a{color:#fff;font-weight:600}
.mk-ui2 .cifras>div.dest a:focus-visible{outline-color:#f5a04e;box-shadow:none}
.mk-ui2 .estado{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;background:var(--info-bg);color:var(--info)}
.mk-ui2 .estado::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--info-dot);flex:none}
.mk-ui2 .estado.listo{background:var(--ok-bg);color:var(--ok)}
.mk-ui2 .estado.listo::before{background:var(--ok-dot)}
.mk-ui2 .estado.error{background:var(--err-bg);color:var(--err)}
.mk-ui2 .estado.error::before{background:var(--err-dot)}
.mk-ui2 .estado.revision,.mk-ui2 .estado.estructura_lista{background:var(--warn-bg);color:var(--warn)}
.mk-ui2 .estado.revision::before,.mk-ui2 .estado.estructura_lista::before{background:var(--warn-dot)}
.mk-ui2 .estado.estructura,.mk-ui2 .estado.contenido,.mk-ui2 .estado.modulos,.mk-ui2 .estado.produccion{background:var(--run-bg);color:var(--run)}
.mk-ui2 .estado.estructura::before,.mk-ui2 .estado.contenido::before,.mk-ui2 .estado.modulos::before,.mk-ui2 .estado.produccion::before{background:var(--run-dot);animation:u2-latido 1.4s ease-in-out infinite}
.mk-ui2 .estado.borrador{background:var(--neutral-bg);color:var(--neutral)}
.mk-ui2 .estado.borrador::before{background:var(--neutral-dot)}
@keyframes u2-latido{50%{opacity:.35}}
.mk-ui2 .etiqueta-di.etiqueta-var{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}
.mk-ui2 .etiqueta-di{border-radius:var(--r-xs);border-color:var(--border-strong);color:var(--text-2);background:var(--surface);font-size:var(--fs-xs)}
.mk-ui2 .sello{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}
.mk-ui2 .sello.pend{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}
.mk-ui2 .sello.mal{background:var(--err-bg);color:var(--err);border-color:var(--err-border)}
.mk-ui2 .aviso{border:1px solid var(--info-border);border-radius:var(--r-md);padding:var(--s3) var(--s4);background:var(--info-bg);color:var(--text)}
.mk-ui2 .aviso.ok{border-color:var(--ok-border);background:var(--ok-bg)}
.mk-ui2 .aviso.error{border-color:var(--err-border);background:var(--err-bg)}
.mk-ui2 .aviso.info{border-color:var(--info-border);background:var(--info-bg)}
.mk-ui2 .aviso.ambar{border-color:var(--warn-border);background:var(--warn-bg);color:var(--text)}
.mk-ui2 .aviso.ok>p:first-child::first-line{color:var(--text)}
.mk-ui2 .retracto{border:1px solid var(--info-border);border-radius:var(--r-md);background:var(--info-bg);color:var(--text);font-size:var(--fs-md)}
.mk-ui2 .error-campo{color:var(--err)}
.mk-ui2 [aria-invalid=true]{border-color:var(--err)!important;box-shadow:0 0 0 1px var(--err)}
.mk-ui2 .aviso-sesion{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-3)}
.mk-ui2 .obs li{background:var(--surface);border-top-color:var(--border);border-right-color:var(--border);border-bottom-color:var(--border)}
.mk-ui2 .tabla{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.mk-ui2 table{font-size:var(--fs-md)}
.mk-ui2 th,.mk-ui2 td{border-bottom-color:var(--border)}
.mk-ui2 th{background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:600}
.mk-ui2 .tabla th{padding:10px var(--s4)}
.mk-ui2 .tabla td{padding:var(--s3) var(--s4);vertical-align:middle}
.mk-ui2 .tabla tbody tr:hover{background:var(--surface-hover)}
.mk-ui2 .tabla-barra{gap:var(--s2) var(--s4);margin-bottom:var(--s3)}
.mk-ui2 .tabla-barra input[type=search]{min-height:var(--hit);border-radius:var(--r-sm);max-width:320px}
.mk-ui2 .tabla-cuenta,.mk-ui2 .tabla-exp{color:var(--text-3);font-size:var(--fs-sm)}
.mk-ui2 .th-orden:hover{color:var(--link)}
.mk-ui2 label{font-size:var(--fs-md)}
.mk-ui2 input[type=text],.mk-ui2 input[type=email],.mk-ui2 input[type=tel],.mk-ui2 input[type=date],.mk-ui2 input[type=password],.mk-ui2 input[type=number],.mk-ui2 input[type=search],.mk-ui2 input[type=url],.mk-ui2 select,.mk-ui2 textarea,.mk-ui2 .editor-img input[type=search]{background:var(--surface);color:var(--text);border:1px solid var(--border-input);border-radius:var(--r-sm)}
.mk-ui2 input::placeholder,.mk-ui2 textarea::placeholder{color:var(--text-3);opacity:1}
.mk-ui2 input[type=checkbox],.mk-ui2 input[type=radio]{accent-color:var(--accent)}
.mk-ui2 fieldset{background:var(--surface);border-color:var(--border);border-radius:var(--r-lg)}
.mk-ui2 legend{font-family:var(--font);color:var(--text)}
.mk-ui2 .elegir{background:none}
.mk-ui2 .opcion{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md)}
.mk-ui2 .opcion:hover{border-color:var(--border-input)}
.mk-ui2 .opcion:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--sh-2)}
.mk-ui2 .opcion img{background:#fff}
.mk-ui2 .opcion audio{color-scheme:light}
.mk-ui2 .ayuda-horas,.mk-ui2 .video-mod{background:var(--surface);border-color:var(--border);border-radius:var(--r-lg)}
.mk-ui2 .ayuda-horas summary{color:var(--link)}
.mk-ui2 .plan-mod{background:var(--accent-soft);color:var(--text-2);border-radius:var(--r-sm)}
.mk-ui2 fieldset.mod-plegable{background:var(--surface);border-color:var(--border)}
.mk-ui2 fieldset.mod-plegable>details>summary .mod-res{color:var(--text-2)}
.mk-ui2 .pegajoso{background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(6px);border-top-color:var(--border)}
.mk-ui2 .codigos code{background:var(--surface);border-color:var(--border-strong)}
.mk-ui2 .pack{background:var(--surface);border-color:var(--border-strong);border-radius:var(--r-md)}
.mk-ui2 .pack:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--sh-2)}
.mk-ui2 .resumen-pago th{color:var(--text-2)}
.mk-ui2 .resumen-pago tr.total th,.mk-ui2 .resumen-pago tr.total td{color:var(--text)}
.mk-ui2 [role=tab][aria-selected=true]{background:var(--marino)!important;border-color:var(--marino)!important;color:#fff!important}
.mk-ui2 [role=tab]{min-height:var(--hit)}
.mk-ui2 .pasos li{border-bottom-color:var(--border)}
.mk-ui2 .pasos .ok i,.mk-ui2 .pasos .error i{color:var(--bg)}
.mk-ui2 .barra-av{background:var(--accent-soft)}
.mk-ui2 .barra-av i{background:var(--accent)}
.mk-ui2 .bitacora{background:var(--surface-2);border-color:var(--border)}
.mk-ui2 .indice,.mk-ui2 .pantalla,.mk-ui2 .doc-indice,.mk-ui2 .alt,.mk-ui2 .galeria-img a,.mk-ui2 .res-recursos{background:var(--surface);border-color:var(--border)}
.mk-ui2 .indice a,.mk-ui2 .doc-indice a{color:var(--text)}
.mk-ui2 .indice a[aria-current=page],.mk-ui2 .doc-indice a[aria-current=page]{background:var(--accent-soft);color:var(--on-accent-soft)}
.mk-ui2 .alt.es-correcta{background:var(--ok-bg);border-color:var(--ok-border)}
.mk-ui2 .alt input.fb{background:var(--surface-2)}
.mk-ui2 .vista{background:var(--surface-2);border-color:var(--border-strong)}
.mk-ui2 .doc-proximo{background:var(--accent-soft);color:var(--on-accent-soft)}
.mk-ui2 .muestra-alt li{border-color:var(--border)}
.mk-ui2 .muestra-alt li.ok{background:var(--ok-bg);border-color:var(--ok)}
.mk-ui2 dialog{background:var(--surface);color:var(--text);border-radius:var(--r-lg)}
.mk-ui2 dialog::backdrop{background:var(--velo)}
.mk-ui2 .riel li b{color:var(--text)}
.mk-ui2 .riel li::before{background:var(--surface);border-color:var(--border-input);color:var(--text-2)}
.mk-ui2 .riel li::after{background:var(--border-strong)}
.mk-ui2 .riel li.hecho::before{background:var(--ok);border-color:var(--ok);color:var(--bg)}
.mk-ui2 .riel li.hecho::after{background:var(--ok-dot)}
.mk-ui2 .riel li.ahora::before{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:0 0 0 5px var(--accent-soft)}
.mk-ui2 .riel li.ahora b{color:var(--link)}
.mk-ui2 .riel li.falla::before{background:var(--err);border-color:var(--err);color:var(--bg)}
.mk-ui2 .dev-ok{color:var(--ok)}
.mk-ui2 .dev-mal{color:var(--err)}
.mk-ui2 .ed-barra,.mk-ui2 .ed-lista,.mk-ui2 .ed-panel{background:var(--surface);border-color:var(--border)}
.mk-ui2 #ed-items li:hover{background:var(--surface-hover)}
.mk-ui2 #ed-items li[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent)}
.mk-ui2 .ed-estado,.mk-ui2 .ed-cuota{background:var(--accent-soft);color:var(--on-accent-soft)}
.mk-ui2 .ed-tabs button{background:var(--surface);color:var(--text);border-color:var(--border)}
.mk-ui2 .ed-tabs button[aria-selected=true]{background:var(--marino);color:#fff;border-color:var(--marino)}
.mk-ui2 .ed-hilo{border-color:var(--border)}
.mk-ui2 .ed-hilo blockquote{color:var(--text-2);border-left-color:var(--border-strong)}
.mk-ui2 .ed-ayuda-teclas kbd{background:var(--surface);color:var(--text);border-color:var(--border-strong)}
.mk-ui2 .ed-lienzo{background:var(--bg)}
.mk-ui2 :is(.ed-player,.visor-ej,.visor-doc,.lienzo,.mk-ventana,.recs-img li>img,.res-recursos img,.galeria-img img){
  --bg:#f5f8fb; --surface:#ffffff; --surface-2:#f0f4f8; --surface-hover:#f5f9fc;
  --border:#dde6ee; --border-strong:#b8c8d6; --border-input:#7b8c9c;
  --text:#0a2a44; --text-2:#44586b; --text-3:#5b6d7f; --link:#1a6ea3; --link-h:#0a2a44;
  --primary:#f5871f; --primary-h:#f79a45; --on-primary:#0a2a44;
  --accent:#1a6ea3; --accent-soft:#e3f0f8; --on-accent-soft:#155a86; --on-accent:#ffffff;
  --ok:#276a43; --ok-bg:#e6f4ec; --ok-border:#b9dcc6; --ok-dot:#2f9e5f;
  --warn:#8a5300; --warn-bg:#fdf1dc; --warn-border:#efd09a; --warn-dot:#e08a00;
  --err:#b0362d; --err-bg:#fbe8e5; --err-border:#ebbcb6; --err-dot:#d9463b;
  --info:#155a86; --info-bg:#e3f0f8; --info-border:#bcd8ec; --info-dot:#1a6ea3;
  --run:#0e6f7c; --run-bg:#e2f5f7; --run-dot:#3fb5c4;
  --neutral:#44586b; --neutral-bg:#eef3f7; --neutral-dot:#8a9bab;
  --sb-bg:#0a2a44; --sb-hover:rgba(255,255,255,.07); --sb-active:rgba(255,255,255,.12);
  --focus:#0a2a44; --focus-halo:#ffffff; --velo:rgba(10,42,68,.45);
  --sh-1:0 1px 2px rgba(10,42,68,.06),0 1px 1px rgba(10,42,68,.04);
  --sh-2:0 4px 12px -2px rgba(10,42,68,.08),0 2px 4px -2px rgba(10,42,68,.06);
  --sh-3:0 16px 40px -12px rgba(10,42,68,.28);
  --papel:#f5f8fb; --hoja:#ffffff; --tinta:#0a2a44; --suave:#44586b; --tenue:#5b6d7f;
  --linea:#dde6ee; --linea-f:#b8c8d6; --azul:#1a6ea3; --azul-h:#0a2a44; --azul-c:#e3f0f8;
  --sello:#276a43; --sello-c:#e6f4ec; --ambar:#8a5300; --ambar-c:#fdf1dc; --rojo:#b0362d; --rojo-c:#fbe8e5;
  --fondo:#f3f6f9;
  --pl-bg:#e3f0f8; --pl-h:#cfe4f2; --pl-borde:#b3d2e8;
  color-scheme:light;

  background:#fff;color:var(--text)}
.mk-ui2 iframe{color-scheme:light}
.mk-ui2 .mk-nav-num button[aria-current=step]{background:var(--marino);border-color:var(--marino);color:#fff}
.mk-ui2 .mk-calculo{background:var(--accent-soft);color:var(--text)}
.mk-ui2 .mk-nav,.mk-ui2 .mk-desliza{background:var(--surface-2);border-color:var(--border)}
.mk-ui2 .riel{gap:var(--s2);margin:0 0 var(--s6)}
.mk-ui2 .riel li{padding:var(--s3) var(--s2) var(--s2) 34px;border-top:3px solid var(--border-strong);font-size:var(--fs-xs);color:var(--text-3);line-height:1.35}
.mk-ui2 .riel li b{font-size:var(--fs-sm);font-weight:600;margin-bottom:2px}
.mk-ui2 .riel li::before{top:var(--s3);left:0;width:24px;height:24px;font-size:var(--fs-xs);border-width:1.5px}
.mk-ui2 .riel li::after{display:none}
.mk-ui2 .riel li.hecho{border-top-color:var(--ok-dot)}
.mk-ui2 .riel li.ahora{border-top-color:var(--accent)}
.mk-ui2 .riel li.falla{border-top-color:var(--err-dot)}
.mk-ui2 .cabeza>div>p:first-child{font-size:var(--fs-sm);margin-bottom:var(--s2)}
.mk-ui2 .cabeza>div>p:first-child a{color:var(--text-2);text-decoration:none}
.mk-ui2 .cabeza>div>p:first-child a::before{content:"‹ "}
.mk-ui2 .cabeza>div>p:first-child a:hover{color:var(--link);text-decoration:underline}
.mk-ui2 .cabeza .estado{vertical-align:middle}
.mk-ui2 ol.apa{color:var(--text-2);font-size:var(--fs-sm)}
.mk-ui2 [role=tablist].acciones{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);margin:0 0 var(--s5)!important}
.mk-ui2 [role=tablist].acciones [role=tab]{background:none!important;border:0!important;box-shadow:none;color:var(--text-2)!important;min-height:36px}
.mk-ui2 [role=tablist].acciones [role=tab]:hover{color:var(--text)!important;background:var(--surface-hover)!important}
.mk-ui2 [role=tablist].acciones [role=tab][aria-selected=true]{background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--sh-2)}
.mk-ui2 section[aria-labelledby=reglas-tit]{background:var(--info-bg);border-color:var(--info-border);box-shadow:none;padding:var(--s4) var(--s5)}
.mk-ui2 section[aria-labelledby=reglas-tit] h2{font-size:var(--fs-md);margin-bottom:var(--s2)}
.mk-ui2 section[aria-labelledby=reglas-tit] ul{font-size:var(--fs-sm);columns:2 320px;column-gap:var(--s8)}
.mk-ui2 section[aria-labelledby=reglas-tit] li{break-inside:avoid;margin-bottom:4px}
.mk-ui2 :where(details:not(.transcripcion):not(.menu-d):not(.grupo))>summary{list-style:none;display:block;position:relative;cursor:pointer;min-height:48px;padding:var(--s3) 48px var(--s3) var(--s4);background:var(--pl-bg);color:var(--text);border:1px solid var(--pl-borde);border-radius:var(--r-md);font-weight:600;transition:background var(--t-fast)}
.mk-ui2 :where(details:not(.transcripcion):not(.menu-d):not(.grupo))>summary::-webkit-details-marker{display:none}
.mk-ui2 :where(details:not(.transcripcion):not(.menu-d):not(.grupo))>summary::before{display:none}
.mk-ui2 :where(details:not(.transcripcion):not(.menu-d):not(.grupo))>summary::after{content:"";position:absolute;right:var(--s5);top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--t) var(--ease)}
.mk-ui2 :where(details[open]:not(.transcripcion):not(.menu-d):not(.grupo))>summary::after{transform:rotate(-135deg);margin-top:-2px}
.mk-ui2 :where(details:not(.transcripcion):not(.menu-d):not(.grupo))>summary:hover{background:var(--pl-h)}
.mk-ui2 :where(details:not(.transcripcion):not(.menu-d):not(.grupo))>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-halo)}
.mk-ui2 :where(details[open]:not(.transcripcion):not(.menu-d):not(.grupo))>summary{border-radius:var(--r-md) var(--r-md) 0 0;margin-bottom:var(--s3)}
.mk-ui2 :where(details:not(.transcripcion):not(.menu-d):not(.grupo))>summary b{font-weight:600}
.mk-ui2 details.ayuda-horas{padding:0;border:0;background:none}
.mk-ui2 details.ayuda-horas[open]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding-bottom:var(--s3)}
.mk-ui2 details.ayuda-horas[open]>summary{margin:-1px -1px var(--s3)}
.mk-ui2 details.ayuda-horas>*:not(summary){margin-left:var(--s4);margin-right:var(--s4)}
.mk-ui2 details.ayuda-horas>summary{color:var(--text)}
.mk-ui2 fieldset.mod-plegable{border-radius:var(--r-lg);box-shadow:var(--sh-1);margin-bottom:var(--s3);border-color:var(--pl-borde)}
.mk-ui2 fieldset.mod-plegable>details>summary{border:0;border-radius:0;min-height:56px;padding:var(--s4) 48px var(--s4) var(--s5);margin:0;background:var(--pl-bg)}
.mk-ui2 fieldset.mod-plegable>details>summary:hover{background:var(--pl-h)}
.mk-ui2 fieldset.mod-plegable>details[open]>summary{background:var(--pl-bg);border-bottom:1px solid var(--pl-borde);margin:0}
.mk-ui2 fieldset.mod-plegable>details>summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;box-shadow:none}
.mk-ui2 fieldset.mod-plegable>details>*:not(summary){margin-left:var(--s5);margin-right:var(--s5)}
.mk-ui2 fieldset.mod-plegable>details>*:nth-child(2){margin-top:var(--s4)}
.mk-ui2 fieldset.mod-plegable .mod-num{font-weight:600}
.mk-ui2 fieldset.mod-plegable .mod-res{font-weight:400;color:var(--text-2)}
.mk-ui2 details.pantalla{border-color:var(--pl-borde)}
.mk-ui2 details.pantalla>summary{border:0;border-radius:var(--r-lg);margin:0}
.mk-ui2 details.pantalla[open]>summary{border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:1px solid var(--pl-borde)}
.mk-ui2 .elegir{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--sh-1);margin:0 0 var(--s4)}
.mk-ui2 .elegir>legend{float:left;width:100%;padding:0;margin:0 0 var(--s3);font-size:var(--fs-lg);font-weight:600}
.mk-ui2 .elegir>legend~*{clear:both}
.mk-ui2 .elegir{min-width:0}
.mk-ui2 .elegir legend .ayuda{font-size:var(--fs-sm);margin-top:2px}
.mk-ui2 .opciones{gap:var(--s3)}
.mk-ui2 .opcion{padding:var(--s3)}
.mk-ui2 .ayuda-horas{border-radius:var(--r-md)}
.mk-ui2 #panel-form,.mk-ui2 #panel-di{background:none;border:0;box-shadow:none;padding:0}
.mk-ui2 .final-botones{position:sticky;bottom:0;z-index:20;justify-content:flex-end;margin:var(--s5) calc(var(--s4) * -1) 0;padding:var(--s3) var(--s4);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-3)}
.mk-ui2 #msg-generar,.mk-ui2 #msg-revisar{margin-top:var(--s2)}
.mk-ui2 .u2-cacc{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.mk-ui2 .u2-ctabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border);margin:0 0 var(--s6);overflow-x:auto;scrollbar-width:thin}
.mk-ui2 .u2-ctabs [role=tab]{position:relative;flex:none;min-height:44px;padding:0 var(--s3);background:none!important;border:0!important;border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--text-2)!important;font:600 var(--fs-md) var(--font);cursor:pointer;box-shadow:none}
.mk-ui2 .u2-ctabs [role=tab]:hover{color:var(--text)!important;background:var(--surface-2)!important}
.mk-ui2 .u2-ctabs [role=tab][aria-selected=true]{color:var(--text)!important}
.mk-ui2 .u2-ctabs [role=tab][aria-selected=true]::after{content:"";position:absolute;left:var(--s2);right:var(--s2);bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--naranjo)}
.mk-ui2 .u2-ctabs [role=tab]:focus-visible{outline-offset:-3px;box-shadow:none}
.mk-ui2 [role=tabpanel][hidden]{display:none}
.mk-ui2 [role=tabpanel]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.mk-ui2 .u2-resumen{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s5)}
.mk-ui2 .u2-resumen h2{font-size:var(--fs-lg);margin:0 0 var(--s3)}
.mk-ui2 .u2-kv{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s4);margin:0}
.mk-ui2 .u2-kv dt{color:var(--text-2);font-size:var(--fs-sm)}
.mk-ui2 .u2-kv dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.mk-ui2 .u2-kv .u2-kv-total{border-top:1px solid var(--border);padding-top:var(--s3);margin-top:var(--s1);font-size:var(--fs-lg);color:var(--text);font-weight:700}
.mk-ui2 .u2-resumen-est{margin:var(--s4) 0 0;padding:var(--s3);border-radius:var(--r-md);background:var(--ok-bg);color:var(--text);font-size:var(--fs-sm)}
.mk-ui2 .u2-resumen-est:empty{display:none}
.mk-ui2 .u2-resumen-est.falta{background:var(--warn-bg)}
.mk-ui2 .u2-resumen-nota{margin:var(--s3) 0 0;font-size:var(--fs-sm);color:var(--text-2)}
.mk-ui2 .precio-unit{font-size:var(--fs-md);color:var(--text-2)}
.mk-ui2 .precio-unit b{color:var(--text)}
.mk-ui2 .packs-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s3)}
.mk-ui2 .pack{padding:var(--s4);min-height:112px}
.mk-ui2 .pack b{font-size:var(--fs-lg)}
.mk-ui2 .pack .precio{font-size:var(--fs-md);padding-top:var(--s2);border-top:1px dashed var(--border);margin-top:var(--s2)}
.mk-ui2 .resumen-pago{width:100%;max-width:none;min-width:0}
.mk-ui2 .resumen-pago td{padding-left:var(--s3)}
.mk-ui2 .resumen-pago tr.total th,.mk-ui2 .resumen-pago tr.total td{font-size:var(--fs-lg)}
.mk-ui2 .u2-compra{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);margin-top:var(--s4)}
.mk-ui2 .u2-compra .acciones .btn{width:100%}
.mk-ui2 .u2-compra #campo-otra{max-width:none!important}
.mk-ui2 .panel-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s6);align-items:start}
.mk-ui2 .u2-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.mk-ui2 .u2-card-h{padding:var(--s5) var(--s6) 0}
.mk-ui2 .u2-card-h h2{font-size:var(--fs-lg);margin:0}
.mk-ui2 .u2-card-h p{font-size:var(--fs-sm);color:var(--text-3);margin:4px 0 0}
.mk-ui2 .u2-card-b{padding:var(--s2) var(--s6) var(--s4)}
.mk-ui2 .u2-card-f{padding:var(--s3) var(--s6);border-top:1px solid var(--border)}
.mk-ui2 .movs{list-style:none;margin:0;padding:0}
.mk-ui2 .movs li{display:flex;gap:var(--s3);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--border)}
.mk-ui2 .movs li:last-child{border-bottom:0}
.mk-ui2 .movs .ic{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2)}
.mk-ui2 .movs .ic.mas{background:var(--ok-bg);color:var(--ok)}
.mk-ui2 .movs .tx{flex:1;min-width:0;font-size:var(--fs-sm);color:var(--text-3)}
.mk-ui2 .movs .tx b{display:block;font-weight:500;font-size:var(--fs-md);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-ui2 .movs .q{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.mk-ui2 .movs .q.mas{color:var(--ok)}
.mk-ui2 .u2-alerta{display:flex;gap:var(--s3);align-items:flex-start}
.mk-ui2 .u2-alerta .ico{margin-top:3px;color:var(--warn);flex:none}
.mk-ui2 .aviso.ambar .ico{color:var(--warn)}
.mk-ui2 .tabla .curso-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:var(--fs-sm);color:var(--text-3)}
.mk-ui2 .tabla td a{color:var(--text);text-decoration:none}
.mk-ui2 .tabla td a:hover{color:var(--link);text-decoration:underline}
.mk-ui2 .tabla td a b{font-weight:600}
.mk-ui2 .tabla td[data-l="Actualizado"]{min-width:92px;font-size:var(--fs-sm);color:var(--text-2)}
.mk-ui2 .curso-cel{display:flex;align-items:center;gap:var(--s3)}
.mk-ui2 .u2-mini{flex:none;width:64px;height:36px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border);background:#fff}
.mk-ui2 .u2-vista{display:inline-flex;gap:2px;padding:3px;margin:0 0 var(--s3);border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border)}
.mk-ui2 .u2-vista button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--s3);border:0;border-radius:var(--r-full);background:none;color:var(--text-2);font:600 var(--fs-sm) var(--font);cursor:pointer}
.mk-ui2 .u2-vista button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--sh-1)}
.mk-ui2 .u2-tarjetas[hidden],.mk-ui2 .tabla[hidden],.mk-ui2 .tabla-barra[hidden]{display:none}
.mk-ui2 .u2-tarjetas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s4)}
.mk-ui2 .u2-tarjeta{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);transition:box-shadow var(--t-fast)}
.mk-ui2 .u2-tarjeta:hover{box-shadow:var(--sh-2)}
.mk-ui2 .u2-tarjeta img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#fff;border-bottom:1px solid var(--border)}
.mk-ui2 .u2-tarjeta-c{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start}
.mk-ui2 .u2-tarjeta h3{font-size:var(--fs-md);margin:0;line-height:1.35}
.mk-ui2 .u2-tarjeta h3 a{color:var(--text);text-decoration:none}
.mk-ui2 .u2-tarjeta h3 a::after{content:"";position:absolute;inset:0}
.mk-ui2 .u2-tarjeta h3 a:hover{color:var(--link);text-decoration:underline}
.mk-ui2 .u2-tarjeta h3 a:focus-visible{outline:none;box-shadow:none}
.mk-ui2 .u2-tarjeta:has(a:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.mk-ui2 .u2-tarjeta p{font-size:var(--fs-xs);color:var(--text-2);margin:0}
.mk-ui2 .vacio-u2{text-align:center;padding:var(--s12) var(--s6);display:flex;flex-direction:column;align-items:center;gap:var(--s3)}
.mk-ui2 .vacio-u2 .ilus{width:180px;height:auto;margin-bottom:var(--s2)}
.mk-ui2 .vacio-u2 p{color:var(--text-2);max-width:48ch}
.mk-ui2 .vacio-u2 .acciones{justify-content:center}
.mk-ui2 .pasos-ini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin:var(--s6) 0 0;padding:0;text-align:left;width:100%;max-width:820px}
.mk-ui2 .pasos-ini li{list-style:none;padding:var(--s4);border:1px dashed var(--border-strong);border-radius:var(--r-md)}
.mk-ui2 .pasos-ini b{display:block;margin:6px 0 4px}
.mk-ui2 .pasos-ini span{font-size:var(--fs-sm);color:var(--text-2)}
.mk-ui2 .pasos-ini .n{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;color:var(--link)}
.mk-ui2 .ilus .i-fondo{fill:var(--accent-soft)}
.mk-ui2 .ilus .i-hoja{fill:var(--surface);stroke:var(--border-strong)}
.mk-ui2 .ilus .i-linea{fill:var(--border)}
.mk-ui2 .solo-movil-f{display:none!important}
@media (prefers-reduced-motion:reduce){
.mk-ui2 *,.mk-ui2 *::before,.mk-ui2 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
/* ── Ajustes del mockup: la barra lateral va dentro de la pantalla (no fija) ── */
.mk-pantalla.mk-ui2{background:var(--bg);color:var(--text);font:400 var(--fs-md)/1.55 var(--font);padding-left:0;display:block;min-height:0}
.mk-pantalla.mk-ui2:has(> .sb){display:grid;grid-template-columns:var(--sb-cur) minmax(0,1fr);align-items:stretch}
.mk-pantalla.mk-ui2 .sb{position:relative;inset:auto;z-index:2;width:auto;transform:none;visibility:visible;box-shadow:none;overflow:visible;transition:none}
.mk-pantalla.mk-ui2 .sb-nav{overflow:visible}
.mk-pantalla.mk-ui2 .topm,.mk-pantalla.mk-ui2 .velo,.mk-pantalla.mk-ui2 .sb-cerrar{display:none}
.mk-pantalla.mk-ui2 .sb-plegar{display:flex}
.mk-pantalla.mk-ui2 .mk-main{max-width:1200px;padding:var(--s8) max(var(--s10), calc(40px / var(--mk-k))) var(--s10)}
.mk-pantalla.mk-ui2 .mk-main.corto{padding-bottom:var(--s4)}
.mk-pantalla.mk-ui2 .yo .menu{z-index:5}
.mk-pantalla.mk-ui2 .sb-nav a,.mk-pantalla.mk-ui2 .saldo-card,.mk-pantalla.mk-ui2 .sb-logo{text-decoration:none}
/* El botón de tema muestra el tema con que se mira la documentación */
.mk-ui2 .mk-t-oscuro{display:none}
:root[data-theme="dark"] .mk-ui2 .mk-t-oscuro{display:inline}:root[data-theme="dark"] .mk-ui2 .mk-t-claro{display:none}
:root[data-theme="dark"] .mk-ui2 .sb-tema .t-claro{display:none}:root[data-theme="dark"] .mk-ui2 .sb-tema .t-oscuro{display:block}
:root[data-theme="dark"] .mk-ui2 .tema-op button:nth-child(1){background:none;color:var(--text);border-color:transparent}
:root[data-theme="dark"] .mk-ui2 .tema-op button:nth-child(2){background:var(--accent-soft);color:var(--on-accent-soft);border-color:var(--accent)}