@import url('https://fonts.googleapis.com/css2?family=Belleza&family=Chivo:ital,wght@0,400;0,600;0,700;1,400&display=swap');
/* Generado por diseno/herramientas/portal_css.py desde tokens.json. No editar a mano. */
:root{--azul-50:#f4f6ff;--azul-100:#e5eaff;--azul-200:#ccd5ff;--azul-300:#acb9fb;--azul-400:#8c9be9;--azul-500:#6f7dd7;--azul-600:#545fc4;--azul-700:#3e43b3;--azul-800:#2e3190;--azul-900:#1b1869;--amarillo-50:#fff5e7;--amarillo-100:#fee8c6;--amarillo-200:#fbc467;--amarillo-300:#e7b45e;--amarillo-400:#c59950;--amarillo-500:#a47f41;--amarillo-600:#846634;--amarillo-700:#6c501e;--amarillo-800:#553a01;--amarillo-900:#382502;--verde-50:#edfbf2;--verde-100:#e0f0e6;--verde-200:#c9ddd1;--verde-300:#abc5b5;--verde-400:#8aab97;--verde-500:#6a917a;--verde-600:#4a775e;--verde-700:#2c6246;--verde-800:#064c2f;--verde-900:#003a22;--azul:var(--azul-800);--azul-oscuro:var(--azul-900);--azul-claro:var(--azul-100);--azul-suave:var(--azul-50);--amarillo:var(--amarillo-200);--amarillo-claro:var(--amarillo-50);--verde:var(--verde-900);--verde-claro:var(--verde-100);--fondo:#ffffff;--fondo-alterno:#f5f5f2;--linea:#dcdde3;--linea-fuerte:#868a96;--tinta:#18211d;--tinta-suave:#4d5359;--sobre-azul:#ffffff;--sobre-verde:#ffffff;--sobre-amarillo:var(--azul-900);--error:#a52a1f;--error-claro:#fbebe9;--revision:var(--amarillo-800);--foco:var(--azul-800);--foco-inverso:var(--amarillo-200);--sobre-error:#ffffff;--logo-placa:#ffffff;--espacio-1:4px;--espacio-2:8px;--espacio-3:12px;--espacio-4:16px;--espacio-5:24px;--espacio-6:32px;--espacio-7:48px;--espacio-8:64px;--radio-s:6px;--radio-m:10px;--radio-l:16px;--radio-pildora:999px;--sombra-tarjeta:0 1px 2px rgba(24,33,29,0.08), 0 6px 16px rgba(24,33,29,0.06);--objetivo-tactil:48px;--ancho-lectura:680px;--contenedor:1200px;--barra-alto:64px;--font-display:"Displace 2.0", "Belleza", "Optima", sans-serif;--font-text:"Chivo", "Segoe UI", system-ui, sans-serif;;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--azul:var(--azul-300);--azul-oscuro:var(--azul-200);--azul-claro:#262b63;--azul-suave:#1a1e44;--amarillo:var(--amarillo-200);--amarillo-claro:#2f2512;--verde:var(--verde-300);--verde-claro:#14291e;--fondo:#161a36;--fondo-alterno:#0e1126;--linea:#2d3260;--linea-fuerte:#7a80aa;--tinta:#eef0fa;--tinta-suave:#b7bcd9;--sobre-azul:var(--azul-900);--sobre-verde:var(--verde-900);--sobre-amarillo:var(--azul-900);--error:#ff9a8c;--error-claro:#3b1915;--revision:var(--amarillo-200);--foco:var(--azul-300);--foco-inverso:var(--azul-900);--sobre-error:#3b1915;--logo-placa:#ffffff;;color-scheme:dark}}
:root[data-theme=dark]{--azul:var(--azul-300);--azul-oscuro:var(--azul-200);--azul-claro:#262b63;--azul-suave:#1a1e44;--amarillo:var(--amarillo-200);--amarillo-claro:#2f2512;--verde:var(--verde-300);--verde-claro:#14291e;--fondo:#161a36;--fondo-alterno:#0e1126;--linea:#2d3260;--linea-fuerte:#7a80aa;--tinta:#eef0fa;--tinta-suave:#b7bcd9;--sobre-azul:var(--azul-900);--sobre-verde:var(--verde-900);--sobre-amarillo:var(--azul-900);--error:#ff9a8c;--error-claro:#3b1915;--revision:var(--amarillo-200);--foco:var(--azul-300);--foco-inverso:var(--azul-900);--sobre-error:#3b1915;--logo-placa:#ffffff;;color-scheme:dark}
/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--font-text);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
.sia-ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.sia-ico .f{fill:currentColor;stroke:none}
.sia-ico--l{width:24px;height:24px}
.sia-ico--xl{width:32px;height:32px;stroke-width:1.6}
:focus-visible,.is-focus{outline:3px solid var(--foco);outline-offset:3px}
.sia-oscuro :focus-visible,.sia-oscuro .is-focus{outline-color:var(--foco-inverso)}
.sia-stack{display:grid;gap:var(--espacio-4)}
.sia-stack-s{display:grid;gap:var(--espacio-2)}
.sia-row{display:flex;flex-wrap:wrap;gap:var(--espacio-3);align-items:center}
.sia-muted{color:var(--tinta-suave)}
.sia-measure{max-width:var(--ancho-lectura)}

/* Typography helpers (mirror tokens.json styles) */
.t-portada{font:400 44px/48px var(--font-display);letter-spacing:.005em}
.t-pantalla{font:400 34px/40px var(--font-display)}
.t-movil{font:400 28px/34px var(--font-display)}
.t-encabezado{font:700 20px/28px var(--font-text)}
.t-grande{font:400 18px/28px var(--font-text)}
.t-cuerpo{font:400 16px/24px var(--font-text)}
.t-etiqueta{font:600 16px/20px var(--font-text)}
.t-nota{font:400 14px/20px var(--font-text)}
.t-sobre{font:600 13px/16px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave)}

/* ---------- Botón ---------- */
.sia-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--espacio-2);min-height:var(--objetivo-tactil);min-width:var(--objetivo-tactil);padding:12px 20px;border-radius:var(--radio-m);border:2px solid transparent;font:600 16px/20px var(--font-text);cursor:pointer;text-decoration:none;white-space:nowrap}
.sia-btn--primario{background:var(--azul);color:var(--sobre-azul)}
.sia-btn--primario:hover,.sia-btn--primario.is-hover{background:var(--azul-oscuro)}
.sia-btn--secundario{background:var(--fondo);color:var(--azul);border-color:var(--azul)}
.sia-btn--secundario:hover,.sia-btn--secundario.is-hover{background:var(--azul-claro)}
.sia-btn--terciario{background:transparent;color:var(--azul);text-decoration:underline;text-underline-offset:4px;padding-inline:8px}
.sia-btn--claro{background:var(--fondo);color:var(--azul)}
.sia-btn[disabled],.sia-btn.is-disabled{background:var(--fondo-alterno);color:var(--tinta-suave);border-color:var(--linea);cursor:not-allowed}
.sia-btn--bloque{width:100%}
.sia-btn--icono{padding:12px}
.sia-btn--s{min-height:40px;padding:8px 14px;font-size:15px}

/* ---------- Estado ---------- */
.sia-estado{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 8px;border-radius:var(--radio-pildora);border:1.5px solid currentColor;font:600 14px/20px var(--font-text);white-space:nowrap}
.sia-estado .sia-ico{width:18px;height:18px}
.sia-estado--pendiente{color:var(--tinta-suave);background:var(--fondo-alterno)}
.sia-estado--curso{color:var(--azul);background:var(--azul-claro)}
.sia-estado--completado{color:var(--verde);background:var(--verde-claro)}
.sia-estado--error{color:var(--error);background:var(--error-claro)}
.sia-estado--revision{color:var(--revision);background:var(--amarillo-claro)}
.sia-estado--reintento{color:var(--azul);background:var(--fondo);border-style:dashed}

/* ---------- Progreso ---------- */
.sia-progreso{display:grid;gap:6px}
.sia-progreso__texto{display:flex;justify-content:space-between;gap:8px;font:600 14px/20px var(--font-text)}
.sia-progreso__barra{height:10px;border-radius:var(--radio-pildora);background:var(--fondo-alterno);box-shadow:inset 0 0 0 1px var(--linea-fuerte);overflow:hidden}
.sia-progreso__relleno{height:100%;background:var(--azul);border-radius:var(--radio-pildora)}
.sia-progreso--completo .sia-progreso__relleno{background:var(--verde)}
.sia-segmentos{display:flex;gap:4px}
.sia-segmentos i{flex:1;height:6px;border-radius:3px;background:var(--linea)}
.sia-segmentos i.h{background:var(--azul)}
.sia-segmentos i.a{background:var(--amarillo);box-shadow:inset 0 0 0 1.5px var(--azul-900)}

/* ---------- Aviso ---------- */
.sia-aviso{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;border-radius:var(--radio-m);border:2px solid;align-items:start}
.sia-aviso .sia-ico{width:24px;height:24px;margin-top:2px}
.sia-aviso__titulo{font:700 16px/24px var(--font-text)}
.sia-aviso p{font:400 16px/24px var(--font-text)}
.sia-aviso--nota{background:var(--azul-claro);border-color:var(--azul-claro);color:var(--tinta)}
.sia-aviso--nota .sia-ico,.sia-aviso--nota .sia-aviso__titulo{color:var(--azul)}
.sia-aviso--precaucion{background:var(--amarillo-claro);border-color:var(--amarillo);color:var(--tinta)}
.sia-aviso--precaucion .sia-ico,.sia-aviso--precaucion .sia-aviso__titulo{color:var(--revision)}
.sia-aviso--alto{background:var(--error-claro);border-color:var(--error);color:var(--tinta)}
.sia-aviso--alto .sia-ico,.sia-aviso--alto .sia-aviso__titulo{color:var(--error)}
.sia-aviso--ok{background:var(--verde-claro);border-color:var(--verde-claro);color:var(--tinta)}
.sia-aviso--ok .sia-ico,.sia-aviso--ok .sia-aviso__titulo{color:var(--verde)}

/* ---------- Opciones ---------- */
.sia-opciones{display:grid;gap:var(--espacio-3)}
.sia-opcion{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;min-height:56px;border:2px solid var(--linea-fuerte);border-radius:var(--radio-m);background:var(--fondo);font:400 16px/24px var(--font-text);cursor:pointer;text-align:left;width:100%;color:var(--tinta)}
.sia-opcion__letra{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--tinta-suave);display:grid;place-items:center;font:700 14px/1 var(--font-text);color:var(--tinta-suave)}
.sia-opcion--check .sia-opcion__letra{border-radius:6px}
.sia-opcion__txt{flex:1;padding-top:2px}
.sia-opcion.is-sel{border-color:var(--azul);background:var(--azul-claro)}
.sia-opcion.is-sel .sia-opcion__letra{background:var(--azul);border-color:var(--azul);color:var(--sobre-azul)}
.sia-opcion.is-ok{border-color:var(--verde);background:var(--verde-claro)}
.sia-opcion.is-ok .sia-opcion__letra{background:var(--verde);border-color:var(--verde);color:var(--sobre-verde)}
.sia-opcion.is-mal{border-color:var(--error);background:var(--error-claro)}
.sia-opcion.is-mal .sia-opcion__letra{background:var(--error);border-color:var(--error);color:var(--sobre-error)}
.sia-opcion__marca{margin-left:auto;display:flex;align-items:center;gap:4px;font:600 14px/20px var(--font-text);white-space:nowrap;padding-top:2px}
.is-ok .sia-opcion__marca{color:var(--verde)}
.is-mal .sia-opcion__marca{color:var(--error)}
.sia-vf{display:grid;grid-template-columns:1fr 1fr;gap:var(--espacio-3)}
.sia-vf .sia-opcion{justify-content:center;align-items:center;font-weight:600}

/* ---------- Campo ---------- */
.sia-campo{display:grid;gap:6px}
.sia-campo label,.sia-campo__label{font:600 16px/20px var(--font-text)}
.sia-campo__ayuda{font:400 14px/20px var(--font-text);color:var(--tinta-suave)}
.sia-input,.sia-select,.sia-textarea{width:100%;min-height:var(--objetivo-tactil);padding:12px 14px;border:2px solid var(--linea-fuerte);border-radius:var(--radio-m);background:var(--fondo);font:400 16px/24px var(--font-text);color:var(--tinta)}
.sia-textarea{min-height:120px;resize:vertical}
.sia-select{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sia-campo.is-error .sia-input,.sia-campo.is-error .sia-textarea{border-color:var(--error)}
.sia-campo__error{display:flex;gap:6px;align-items:center;font:600 14px/20px var(--font-text);color:var(--error)}
.sia-contador{font:400 14px/20px var(--font-text);color:var(--tinta-suave);text-align:right}

/* ---------- Foto / diagrama ---------- */
.sia-foto{display:grid;gap:8px}
.sia-foto__img{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:4/3;border-radius:var(--radio-m);background:var(--azul-suave);border:1.5px dashed var(--azul-300);color:var(--azul);text-align:center;padding:16px;overflow:hidden}
.sia-foto__img--ancha{aspect-ratio:16/9}
.sia-foto__img--cuadrada{aspect-ratio:1/1}
.sia-foto__desc{font:400 14px/20px var(--font-text);color:var(--tinta);max-width:32ch}
.sia-foto__tipo{font:600 12px/16px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--azul)}
.sia-foto figcaption,.sia-pie-foto{font:400 14px/20px var(--font-text);color:var(--tinta-suave)}
.sia-diagrama{display:flex;gap:8px;align-items:stretch}
.sia-diagrama--v{flex-direction:column}
.sia-diagrama__paso{flex:1;display:grid;gap:4px;padding:12px;border:1.5px solid var(--linea-fuerte);border-radius:var(--radio-m);background:var(--fondo)}
.sia-diagrama__n{font:700 14px/20px var(--font-text);color:var(--azul)}
.sia-diagrama__flecha{display:grid;place-items:center;color:var(--tinta-suave)}

/* ---------- Tabla ---------- */
.sia-tabla{width:100%;border-collapse:collapse;font:400 16px/24px var(--font-text)}
.sia-tabla th{font:600 14px/20px var(--font-text);text-align:left;padding:12px;background:var(--fondo-alterno);border-bottom:2px solid var(--linea-fuerte);color:var(--tinta)}
.sia-tabla td{padding:12px;border-bottom:1px solid var(--linea);vertical-align:top}
.sia-tabla tbody tr:nth-child(even) td{background:var(--fondo-alterno)}
.sia-tabla .si,.sia-tabla .no{display:inline-flex;gap:6px;align-items:flex-start;font-weight:600}
.sia-si{color:var(--verde)} .sia-no{color:var(--error)}
.sia-tabla--compacta{font-size:15px;line-height:22px}
.sia-tabla--compacta th,.sia-tabla--compacta td{padding:10px 8px}
.sia-fila-tarjeta{border:1.5px solid var(--linea);border-radius:var(--radio-m);padding:12px 14px;display:grid;gap:8px;background:var(--fondo)}
.sia-fila-tarjeta dt{font:600 13px/16px var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-suave)}
.sia-fila-tarjeta dd{font:400 16px/24px var(--font-text)}

/* ---------- Comparación ---------- */
.sia-compara{display:grid;grid-template-columns:1fr 1fr;gap:var(--espacio-4)}
.sia-compara__lado{display:grid;gap:8px;align-content:start}
.sia-compara__tag{display:inline-flex;align-items:center;gap:6px;font:700 16px/24px var(--font-text)}

/* ---------- Multimedia ---------- */
.sia-video{display:grid;gap:0;border-radius:var(--radio-m);overflow:hidden;background:#101512}
.sia-video__pantalla{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:var(--azul-900);color:var(--sobre-azul);text-align:center}
.sia-video__pantalla .sia-foto__desc{color:var(--sobre-azul);opacity:.9}
.sia-video__play{width:72px;height:72px;border-radius:50%;background:var(--fondo);color:var(--azul);display:grid;place-items:center;border:0}
.sia-video__play .sia-ico{width:32px;height:32px;margin-left:4px}
.sia-video__sub{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(16,21,18,.85);color:#fff;padding:4px 10px;border-radius:4px;font:400 16px/24px var(--font-text);white-space:nowrap}
.sia-controles{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#101512;color:#fff}
.sia-controles .sia-btn{color:#fff;background:transparent;min-height:44px;min-width:44px;padding:10px;border-radius:8px}
.sia-controles .sia-btn.is-on{background:rgba(255,255,255,.16)}
.sia-tiempo{font:600 14px/20px var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px}
.sia-pista{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.3);position:relative;margin:0 8px}
.sia-pista span{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--amarillo)}
.sia-pista b{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--amarillo)}
.sia-audio{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--linea-fuerte);border-radius:var(--radio-m);background:var(--fondo)}
.sia-audio__play{width:48px;height:48px;border-radius:50%;background:var(--azul);color:var(--sobre-azul);display:grid;place-items:center;flex:none;border:0}
.sia-audio .sia-pista{background:var(--linea);margin:0}
.sia-audio .sia-pista span{background:var(--azul)}
.sia-audio .sia-pista b{background:var(--azul);box-shadow:0 0 0 3px var(--fondo)}
.sia-transcripcion{border:1.5px solid var(--linea);border-radius:var(--radio-m);background:var(--fondo)}
.sia-transcripcion__cab{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font:600 16px/20px var(--font-text);color:var(--azul);min-height:48px}
.sia-transcripcion__cuerpo{padding:0 16px 16px;display:grid;gap:8px;font:400 16px/24px var(--font-text)}
.sia-transcripcion__cuerpo time{font:600 14px/20px var(--font-text);color:var(--tinta-suave);margin-right:8px}
.sia-pendiente-prod{display:inline-flex;gap:6px;align-items:center;font:600 13px/16px var(--font-text);color:var(--revision);background:var(--amarillo-claro);padding:4px 8px;border-radius:var(--radio-s)}

/* ---------- Barra y navegación ---------- */
.sia-barra{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--barra-alto);padding:8px 24px;background:var(--fondo);border-bottom:1px solid var(--linea)}
.sia-barra__izq{display:flex;align-items:center;gap:16px;min-width:0}
.sia-barra__titulo{font:600 16px/20px var(--font-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sia-logo-img{display:block;height:40px;width:auto;flex:none;background:var(--logo-placa);padding:4px 8px;border-radius:var(--radio-s)}
.sia-logo-img--s{height:34px;padding:3px 6px}
.sia-banda{background:var(--azul);color:var(--sobre-azul)}
.sia-banda--suave{background:var(--azul-suave);color:var(--tinta)}
.sia-logo{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 12px;border:1.5px dashed var(--linea-fuerte);border-radius:var(--radio-s);font:600 11px/1 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave);white-space:nowrap;flex:none}
.sia-sesion{display:flex;align-items:center;gap:10px}
.sia-sesion__quien{display:flex;align-items:center;gap:8px;font:400 14px/18px var(--font-text)}
.sia-sesion__quien b{display:block;font-weight:600;font-size:15px}
.sia-avatar{width:36px;height:36px;border-radius:50%;background:var(--amarillo);color:var(--sobre-amarillo);display:grid;place-items:center;font:700 14px/1 var(--font-text);flex:none}
.sia-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;border-top:1px solid var(--linea);background:var(--fondo)}
.sia-pie .sia-btn{min-width:140px}
.sia-pie--movil{padding:12px 16px}
.sia-pie--movil .sia-btn{min-width:0;flex:1}
.sia-ubicacion{display:grid;gap:8px;padding:16px 24px 0}
.sia-pestanas{display:flex;gap:4px;border-bottom:1px solid var(--linea)}
.sia-pestana{padding:12px 16px;min-height:48px;font:600 16px/20px var(--font-text);color:var(--tinta-suave);border-bottom:3px solid transparent;display:flex;align-items:center;gap:8px}
.sia-pestana.is-act{color:var(--azul);border-bottom-color:var(--azul)}
.sia-nav-inferior{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linea);background:var(--fondo)}
.sia-nav-inferior a{display:grid;justify-items:center;gap:2px;padding:8px 0 10px;min-height:56px;font:600 12px/16px var(--font-text);color:var(--tinta-suave);text-decoration:none}
.sia-nav-inferior a.is-act{color:var(--azul)}
.sia-nav-inferior a.is-act .sia-ico{stroke-width:2.2}
.sia-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1.5px solid var(--linea-fuerte);border-radius:var(--radio-pildora);font:600 14px/20px var(--font-text);background:var(--fondo);white-space:nowrap}
.sia-chip.is-act{background:var(--azul);border-color:var(--azul);color:var(--sobre-azul)}

/* ---------- Tarjetas ---------- */
.sia-tarjeta{background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio-l);box-shadow:var(--sombra-tarjeta);overflow:hidden}
.sia-tarjeta__cuerpo{padding:16px;display:grid;gap:10px}
.sia-curso{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px;align-items:center}
.sia-curso__img{aspect-ratio:1/1;border-radius:var(--radio-m);background:var(--azul-suave);display:grid;place-items:center;color:var(--azul);border:1.5px dashed var(--azul-300)}
.sia-curso__titulo{font:700 17px/24px var(--font-text)}
.sia-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font:400 14px/20px var(--font-text);color:var(--tinta-suave)}
.sia-meta span{display:inline-flex;align-items:center;gap:4px}
.sia-meta .sia-ico{width:16px;height:16px}
.sia-editable{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border:1.5px dashed var(--revision);border-radius:4px;color:var(--revision);font:600 14px/20px var(--font-text);background:var(--amarillo-claro)}
.sia-ficticio{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radio-s);background:var(--amarillo-claro);color:var(--revision);font:700 12px/16px var(--font-text);letter-spacing:.06em;text-transform:uppercase}
.sia-modulos{display:grid;gap:0}
.sia-modulo{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linea)}
.sia-modulo__n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 16px/1 var(--font-text);border:2px solid var(--linea-fuerte);color:var(--tinta-suave);background:var(--fondo)}
.sia-modulo.is-done .sia-modulo__n{background:var(--verde);border-color:var(--verde);color:var(--sobre-verde)}
.sia-modulo.is-now .sia-modulo__n{background:var(--azul);border-color:var(--azul);color:var(--sobre-azul)}
.sia-modulo__t{font:600 16px/22px var(--font-text)}

/* ---------- Tablero de presentación (solo para tarjetas del sistema) ---------- */

/* Controles de video: la línea de tiempo ocupa su propia fila */
.sia-controles{flex-wrap:wrap;padding:4px 8px 6px}
.sia-controles .sia-pista{flex:1 1 100%;order:-1;margin:12px 8px 6px}
.sia-controles .sia-tiempo{margin-right:auto}