@layer components{.ui-icono{vertical-align:-.25em;fill:none;stroke:currentColor;block-size:1.25em;inline-size:1.25em;stroke-width:var(--icono-grosor);stroke-linecap:var(--icono-extremo);stroke-linejoin:var(--icono-union);flex:none}.ui-icono-relleno{fill:currentColor}:where(span[data-icono]){vertical-align:-.25em;flex:none;block-size:1.25em;inline-size:1.25em;display:inline-block}.ui-segmentos{gap:var(--segmentos-hueco);inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%;padding:var(--segmentos-relleno);border:var(--segmentos-borde) solid var(--color-border);border-radius:var(--radius-sm);flex-wrap:wrap;margin:0;list-style:none;display:flex}.ui-segmento{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-4);font-family:var(--font-family-tecla);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);color:var(--color-text);border:var(--segmento-borde) solid var(--color-border-control);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard);background-color:#0000;text-decoration:none;display:inline-flex}.ui-segmento:hover,.ui-segmento[data-muestra=hover]{background-color:var(--color-realce-neutro)}.ui-segmento[aria-current]:not([aria-current=false]){font-weight:var(--font-weight-bold);color:var(--color-segmento-activo-texto);background-color:var(--color-segmento-activo-fondo);border-color:var(--color-segmento-activo-fondo);box-shadow:var(--segmento-activo-marca)}.ui-segmentos-profesor .ui-segmento[aria-current]:not([aria-current=false]){color:var(--color-segmento-profesor-texto);background-color:var(--color-segmento-profesor-fondo);border-color:var(--color-segmento-profesor-borde);box-shadow:var(--segmento-profesor-marca)}.top-nav{--top-nav-accent:var(--color-focus);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background-color:var(--color-bg);flex-wrap:wrap;display:flex}.top-nav:not(.top-nav-reducida),.top-nav.top-nav-reducida{flex-wrap:nowrap}@media not (min-width:80rem){.top-nav:not(.top-nav-reducida){gap:var(--space-2) var(--space-4);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"marca sesion""secciones secciones";display:grid}}@media (prefers-color-scheme:dark){.top-nav{--top-nav-accent:var(--color-focus-dark)}}:root[data-theme=dark] .top-nav{--top-nav-accent:var(--color-focus-dark)}:root[data-theme=light] .top-nav{--top-nav-accent:var(--color-focus)}.top-nav-izquierda{align-items:center;gap:var(--space-4);flex-wrap:wrap;min-inline-size:0;display:flex}.top-nav-item{display:flex}.top-nav-marca{align-items:center;gap:var(--space-3);color:var(--color-text);font-family:var(--font-family-tecla);font-weight:600;display:inline-flex}@media not (min-width:30rem){.top-nav-marca-texto{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.top-nav-marca-tecla{block-size:2.25rem;inline-size:2.25rem;color:var(--color-primary-contrast);background-color:var(--color-primary);border-radius:var(--radius-sm);box-shadow:calc(var(--tecla-alto) * var(--tecla-diagonal)) var(--tecla-alto) 0 var(--color-tecla-sombra);flex:none;justify-content:center;align-items:center;display:inline-flex}.top-nav-derecha{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.top-nav-sesion{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.top-nav:not(.top-nav-reducida) .top-nav-izquierda{flex:none}.top-nav:not(.top-nav-reducida) :is(.top-nav-derecha,.top-nav-sesion,.session-menu){flex-wrap:nowrap;min-inline-size:0}.top-nav:not(.top-nav-reducida) .top-nav-derecha{min-block-size:var(--barra-fila-sesion)}.top-nav:not(.top-nav-reducida) .session-menu-pill{min-inline-size:0}.top-nav:not(.top-nav-reducida) .session-menu-logout{flex:none}.top-nav:not(.top-nav-reducida) .ui-chip-usuario-texto{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@media not (min-width:80rem){.top-nav:not(.top-nav-reducida) .top-nav-izquierda{display:contents}.top-nav:not(.top-nav-reducida) .top-nav-marca{grid-area:marca}.top-nav:not(.top-nav-reducida) .top-nav-lista{scrollbar-width:thin;flex-wrap:nowrap;grid-area:secciones;overflow-x:auto}.top-nav:not(.top-nav-reducida) .top-nav-item{flex:none}.top-nav:not(.top-nav-reducida) .top-nav-derecha{grid-area:sesion;justify-self:end}}.top-nav.top-nav-reducida .top-nav-marca{min-inline-size:0}.top-nav.top-nav-reducida .top-nav-marca-texto{line-height:1.2}.top-nav.top-nav-reducida .top-nav-derecha{flex:none}@media not (min-width:30rem){.top-nav:not(.top-nav-reducida) .ui-chip-usuario-texto{white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.top-nav-link:focus-visible,.top-nav-sesion-link:focus-visible{outline:2px solid var(--top-nav-accent);outline-offset:2px}.ui-chip-usuario{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);color:var(--color-text);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-pill);background-color:#0000;text-decoration:none;display:inline-flex}.ui-chip-usuario-texto{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.ui-chip-usuario:hover .ui-chip-usuario-texto,.ui-chip-usuario[data-muestra=hover] .ui-chip-usuario-texto{text-underline-offset:.2em;text-decoration:underline}.ui-chip-usuario-avatar{inline-size:var(--chip-usuario-avatar);block-size:var(--chip-usuario-avatar);font-family:var(--font-family-tecla);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-avatar-texto);background-color:var(--color-avatar-fondo);border-radius:var(--radius-avatar);flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-barra-segmentos{grid-template-columns:repeat(var(--segmentos-total), minmax(0, 1fr));gap:calc(var(--space-1) / 2);block-size:1rem;display:grid}.ui-barra-segmento{background-color:var(--color-barra-pista);border-radius:var(--radius-xxs)}.ui-barra-segmento[data-encendido=true]{background-color:var(--color-primary)}.ui-barra-segmento[data-recien=true]{outline:2px solid var(--color-primary-text);outline-offset:1px}@media (prefers-reduced-motion:no-preference){.ui-barra-segmentos[data-momento=sube] .ui-barra-segmento[data-recien=true]{animation:ui-segmento-sube calc(.7s * var(--movimiento)) var(--movimiento-ritmo) calc(.15s * var(--movimiento)) backwards}.ui-barra-segmentos[data-momento=ola] .ui-barra-segmento{animation:ui-segmento-ola calc(.36s * var(--movimiento)) var(--movimiento-ritmo) calc(var(--segmento-orden) * .48s / var(--segmentos-total) * var(--movimiento)) backwards}}body:has(.modal-dialog-overlay:not([hidden])) .ui-barra-segmentos[data-momento] .ui-barra-segmento{animation-play-state:paused}@keyframes ui-segmento-sube{0%{background-color:var(--color-barra-pista)}40%{background-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);translate:0 -.5rem}to{translate:0}}@keyframes ui-segmento-ola{50%{box-shadow:0 0 0 2px var(--color-primary);translate:0 -.3rem}}.ui-barra{--barra-relleno:var(--color-primary);appearance:none;background-color:var(--color-barra-pista);border:var(--barra-borde) solid var(--color-border);border-radius:var(--radius-pill);block-size:.625rem;inline-size:100%;display:block;overflow:hidden}.ui-barra[data-mundo=diagramas]{--barra-relleno:var(--color-mundo-diagramas)}.ui-barra[data-mundo=pseudocodigo]{--barra-relleno:var(--color-mundo-pseudocodigo)}.ui-barra[data-mundo=python]{--barra-relleno:var(--color-mundo-python)}.ui-barra::-webkit-progress-bar{background-color:var(--color-barra-pista)}.ui-barra::-webkit-progress-value{background-color:var(--barra-relleno)}.ui-barra::-moz-progress-bar{background-color:var(--barra-relleno)}}