.N4wBDW_panel{max-width:var(--ejercicio-contenido-ancho);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}.N4wBDW_panel:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#2c6efc,#4c5ff0 45%,#0000 85%);height:2px;position:absolute;top:0;left:0;right:0}.N4wBDW_panelHead{background:var(--bg-sunken);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:10px 16px;display:flex}.N4wBDW_panelAcciones{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 16px;display:inline-flex}@media (max-width:640px){.N4wBDW_panelAcciones{gap:6px 8px}.N4wBDW_panelMeta{text-align:right;flex:1 0 100%}}.N4wBDW_panelFullscreen{z-index:60;position:fixed;inset:0}.N4wBDW_panelFullscreen,.N4wBDW_panelLleno{border:none;border-radius:0;flex-direction:column;max-width:none;display:flex;overflow-y:auto}.N4wBDW_panelFullscreen .N4wBDW_panelHead,.N4wBDW_panelLleno .N4wBDW_panelHead,.N4wBDW_panelFullscreen .N4wBDW_rail,.N4wBDW_panelLleno .N4wBDW_rail{flex:none}.N4wBDW_panelFullscreen .N4wBDW_cuerpo,.N4wBDW_panelLleno .N4wBDW_cuerpo{flex-direction:column;flex:1;min-height:0;display:flex}.N4wBDW_panelFullscreen .N4wBDW_controles,.N4wBDW_panelLleno .N4wBDW_controles,.N4wBDW_panelFullscreen .N4wBDW_narracion,.N4wBDW_panelLleno .N4wBDW_narracion{flex:none}.N4wBDW_panelFullscreen .N4wBDW_grid,.N4wBDW_panelLleno .N4wBDW_grid{flex:1;align-items:stretch;min-height:0}.N4wBDW_columnaCodigo{min-width:0}.N4wBDW_panelFullscreen .N4wBDW_columnaCodigo,.N4wBDW_panelLleno .N4wBDW_columnaCodigo{flex-direction:column;min-height:0;display:flex}:is(.N4wBDW_panelFullscreen .N4wBDW_columnaCodigo>.code-editor-wrap,.N4wBDW_panelLleno .N4wBDW_columnaCodigo>.code-editor-wrap){flex:1;min-height:0}.N4wBDW_panelTitulo{color:var(--ink);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:inline-flex}.N4wBDW_panelTitulo svg{color:var(--brand-strong);flex:none}.N4wBDW_panelMeta{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:.76rem}.N4wBDW_cuerpo{padding:14px 16px 18px}.N4wBDW_grid{grid-template-columns:1fr;gap:1rem;margin-top:.75rem;display:grid}@media (min-width:1100px){.N4wBDW_grid{grid-template-columns:minmax(0,1fr) auto minmax(280px,460px);align-items:start}.N4wBDW_gridAjustado{grid-template-columns:var(--split-codigo) auto minmax(0, 1fr)}.N4wBDW_gridSoloCodigo{grid-template-columns:minmax(0,1fr) auto}.N4wBDW_grid .divisor-codigo{display:flex}.N4wBDW_grid .terminal{height:var(--paso-codigo-altura);min-height:0}}.N4wBDW_narracion{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.5rem;min-width:0;margin-top:.75rem;padding:.35rem 0;display:flex}.N4wBDW_narracionHead{flex-direction:column;flex:none;align-items:flex-start;gap:6px;min-width:110px;display:flex}.N4wBDW_narracionPlegada{padding:.2rem 0}.N4wBDW_narracionPlegada .N4wBDW_narracionHead{flex-flow:wrap;flex:1;align-items:center;gap:.5rem .75rem}.N4wBDW_tituloPlegado{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.N4wBDW_narracionPaso{flex-direction:column;flex:1;gap:.35rem;min-width:260px;animation:.35s cubic-bezier(.22,1,.36,1) both N4wBDW_paso-codigo-narracion-entra;display:flex}@keyframes N4wBDW_paso-codigo-narracion-entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.N4wBDW_narracionPaso{animation:none}}.N4wBDW_contadorPaso{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;font-weight:700;display:block}.N4wBDW_tituloPaso{font-family:var(--font-display);margin:0;font-size:1.15rem}.N4wBDW_textoPaso{color:var(--ink-dim);margin:0;font-size:.98rem;line-height:1.5}.N4wBDW_consolaTitulo{font-family:var(--font-mono);color:#8a92a6;border-bottom:1px solid var(--line-strong);padding:.5rem .9rem;font-size:.72rem}.N4wBDW_consolaTitulo:before{content:"$ ";color:var(--hack);font-weight:700}.N4wBDW_consolaCursor{vertical-align:text-bottom;background:var(--hack);width:8px;height:15px;box-shadow:0 0 6px var(--hack);animation:1.1s step-end infinite N4wBDW_pasoCodigoCursor;display:inline-block}@keyframes N4wBDW_pasoCodigoCursor{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.N4wBDW_consolaCursor{animation:none}}.N4wBDW_lineaActiva{background:color-mix(in srgb, var(--brand) 16%, transparent);box-shadow:inset 3px 0 var(--brand)}.N4wBDW_lineaActivaGlyph:before{content:"→";text-align:center;color:var(--brand-strong);font-size:12px;display:block}.N4wBDW_rail{border-bottom:1px solid var(--line);gap:2px;display:flex}.N4wBDW_dot{background:var(--line);cursor:pointer;border:none;border-radius:0;flex:1;height:6px;padding:0;transition:background-color .15s;position:relative;overflow:hidden}.N4wBDW_dot:hover{background:var(--line-strong)}.N4wBDW_dot:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}@media (pointer:coarse){.N4wBDW_dot{height:16px}}.N4wBDW_dotFill{background:var(--brand);width:0%;box-shadow:0 0 10px color-mix(in srgb, var(--brand) 65%, transparent);position:absolute;inset:0}.N4wBDW_dotDone .N4wBDW_dotFill{width:100%}.N4wBDW_dot[aria-current=true]{background:color-mix(in srgb, var(--brand) 35%, var(--line))}@keyframes N4wBDW_pasoCodigoDotFill{0%{width:0%}to{width:100%}}.N4wBDW_dotFillAnim{animation-name:N4wBDW_pasoCodigoDotFill;animation-timing-function:linear;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.N4wBDW_dotFillAnim{animation:none}}.N4wBDW_controles{align-items:center;gap:.5rem;display:flex}.N4wBDW_controlesCentro{align-items:center;gap:.45rem;display:flex}.N4wBDW_btn{border:1px solid var(--line);background:var(--bg-elevated);width:34px;height:34px;color:var(--ink-dim);cursor:pointer;transition:border-color .15s, color .15s, background-color .15s, transform .2s var(--ease-bounce);border-radius:50%;place-items:center;padding:0;display:grid}.N4wBDW_btn:hover{border-color:var(--brand);color:var(--brand-strong);background:color-mix(in srgb, var(--brand) 8%, var(--bg-elevated));transform:translateY(-1px)}.N4wBDW_btnOff{opacity:.4;pointer-events:none}.N4wBDW_btnPlay{cursor:pointer;color:#fff;width:46px;height:46px;transition:transform .2s var(--ease-bounce), box-shadow .2s;background:linear-gradient(135deg,#2c6efc,#4c5ff0);border:none;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 8px 22px -8px #3875facc,inset 0 1px #ffffff2e}.N4wBDW_btnPlay:hover{transform:translateY(-1px)scale(1.05);box-shadow:0 12px 28px -8px #427cfae6,inset 0 1px #ffffff38}.N4wBDW_velocidadGrupo{align-items:center;gap:.5rem;display:flex}.N4wBDW_velocidadSlider{appearance:none;cursor:pointer;background:0 0;width:200px;height:20px}.N4wBDW_velocidadSlider::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:999px;height:4px}.N4wBDW_velocidadSlider::-moz-range-track{background:var(--line-strong);border-radius:999px;height:4px}.N4wBDW_velocidadSlider::-webkit-slider-thumb{appearance:none;background:var(--brand);border:2px solid var(--bg-elevated);cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-7px}.N4wBDW_velocidadSlider::-moz-range-thumb{background:var(--brand);border:2px solid var(--bg-elevated);cursor:pointer;border-radius:50%;width:18px;height:18px}.N4wBDW_velocidadSlider:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.N4wBDW_velocidadValor{min-width:2.6rem;font-family:var(--font-mono);color:var(--ink-dim);font-size:.85rem;font-weight:700}.N4wBDW_barraColumna{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;margin-bottom:8px;display:flex}.N4wBDW_barraColumna>.N4wBDW_panelMeta{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1 1 0;min-width:0;overflow:hidden}.N4wBDW_panelHead .N4wBDW_controles{flex:auto;order:0;justify-content:center;gap:.4rem .9rem;margin:0}.N4wBDW_panelHead .N4wBDW_btn{width:30px;height:30px}.N4wBDW_panelHead .N4wBDW_btnPlay{width:38px;height:38px}.N4wBDW_panelHead .N4wBDW_velocidadSlider{width:110px}.N4wBDW_panelHead .N4wBDW_velocidadValor{font-size:.8rem}@media (max-width:760px){.N4wBDW_panelHead .N4wBDW_controles{flex-basis:100%;order:3;justify-content:space-between}}.N4wBDW_rail{border-bottom:1px solid var(--line);gap:5px;padding:10px 16px 9px}.N4wBDW_dot{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;height:5px;transition:background-color .2s,transform .2s,box-shadow .2s}.N4wBDW_dot:hover{background:color-mix(in srgb, var(--ink) 24%, transparent);transform:scaleY(1.6)}.N4wBDW_dot:focus-visible{outline-offset:3px}.N4wBDW_dot.N4wBDW_dotDone{background:var(--brand)}.N4wBDW_dot.N4wBDW_dotDone:hover{background:var(--brand-strong)}.N4wBDW_dot[aria-current=true]{background:color-mix(in srgb, var(--brand) 30%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 45%, transparent), 0 0 10px color-mix(in srgb, var(--brand) 45%, transparent)}@media (pointer:coarse){.N4wBDW_rail{padding-block:12px}.N4wBDW_dot{height:10px}}