.tut{font-family:var(--sl-font)}.tut .pasos{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:0 0 1.25rem;padding:0;list-style:none;font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.tut .pasos li{display:flex;align-items:center;gap:.4rem;cursor:pointer}.tut .pasos li span{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--sl-color-gray-5);font-family:var(--sl-font-mono);font-size:.75rem}.tut .pasos li.hecho span{border-color:var(--sl-color-accent);color:var(--sl-color-accent-high)}.tut .pasos li.actual{color:var(--sl-color-white)}.tut .pasos li.actual span{background:var(--sl-color-accent-low);border-color:var(--sl-color-accent);color:var(--sl-color-white)}.tut .cuerpo{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:60rem){.tut .cuerpo{grid-template-columns:3fr 1.25fr}}.tut .win{border:1px solid var(--sl-color-gray-5);border-radius:6px;background:var(--mx-tint);overflow:hidden;display:flex;flex-direction:column;font-family:var(--sl-font-mono);font-size:.8rem;line-height:1.5;color:var(--sl-color-gray-2)}.tut .bar{display:flex;align-items:center;gap:.45em;padding:.55em .8em;border-bottom:1px solid var(--sl-color-gray-5);background:var(--sl-color-black)}.tut .bar span{width:.7em;height:.7em;border-radius:50%;background:var(--sl-color-gray-5)}.tut .bar em{margin-inline:auto;font-style:normal;font-size:.85em;color:var(--sl-color-gray-3)}.tut .term{position:relative;padding:.8em 1em;display:flex;flex-direction:column;gap:.3em}.tut .out{min-height:17em;max-height:24em;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.tut .out>div{animation:tut-in .2s ease-out both}.tut .out .ok{color:var(--sl-color-accent-high)}.tut .out .dim{color:var(--sl-color-gray-3)}.tut .out .tu{color:var(--sl-color-white)}.tut .out .spin:before{content:"✻";display:inline-block;margin-right:.5em;color:var(--sl-color-accent);animation:tut-spin .9s linear infinite}.tut .out .big{margin-top:.3em;font-family:var(--mx-font-display);font-size:1.3em;color:var(--sl-color-white)}.tut .line{display:flex;gap:.5em;align-items:center;border-top:1px solid var(--sl-color-gray-5);padding-top:.45em}.tut .ps{color:var(--sl-color-accent)}.tut .in{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:0;font:inherit;color:var(--sl-color-white);caret-color:var(--sl-color-accent-high)}.tut .in::placeholder{color:var(--sl-color-gray-4)}.tut .in:disabled{color:var(--sl-color-gray-3)}.tut .menu{position:absolute;left:1em;right:1em;bottom:5.1em;margin:0;padding:.25em 0;list-style:none;border:1px solid var(--sl-color-gray-5);border-radius:4px;background:var(--sl-color-black);box-shadow:0 .5em 1.5em #00000059}.tut .menu li{padding:.1em .8em;white-space:pre}.tut .menu li:before{content:"+ ";color:var(--sl-color-gray-4)}.tut .menu li.sel{background:var(--sl-color-accent-low);color:var(--sl-color-white)}.tut .status{display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--sl-color-gray-4)}.tut .auto{font:inherit;cursor:pointer;background:transparent;color:var(--sl-color-accent-high);border:1px solid var(--sl-color-gray-5);border-radius:3px;padding:.1em .6em}.tut .auto:hover{border-color:var(--sl-color-accent)}.tut .auto:disabled{opacity:.4;cursor:default}.tut .textos{margin-top:1.25rem}.tut .textos section{display:none}.tut .textos section.actual{display:block}.tut .textos h3{margin:0 0 .5rem;font-family:var(--mx-font-display);font-size:var(--sl-text-xl)}.tut .textos p{margin:0 0 .6rem;line-height:1.6}.tut .manda{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.tut .manda code{background:var(--mx-tint);border-radius:3px;padding:.1em .35em}.tut .nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.tut .nav button{font:inherit;cursor:pointer;background:transparent;color:var(--sl-color-white);border:1px solid var(--sl-color-gray-5);border-radius:4px;padding:.45em 1em}.tut .nav button.primario{background:var(--sl-color-accent-low);border-color:var(--sl-color-accent)}.tut .nav button:disabled{opacity:.35;cursor:default}.tut .estado{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.tut .der{position:sticky;top:calc(var(--sl-nav-height, 4rem) + 1rem)}.tut .leyenda{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin-bottom:.5rem;display:flex;gap:.5rem;align-items:center}.tut .leyenda i{display:inline-block;width:.7rem;height:.7rem;border-radius:2px}.tut .leyenda .c,.tut .arbol li.crea{--m: var(--sl-color-accent)}.tut .leyenda .w,.tut .arbol li.escribe{--m: #d9a441}.tut .leyenda .r,.tut .arbol li.lee{--m: var(--sl-color-gray-3)}.tut .leyenda i{background:var(--m)}.tut .arbol{margin:0;padding:.6rem .75rem;list-style:none;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);line-height:1.7;border:1px solid var(--sl-color-gray-5);border-radius:6px;background:var(--mx-tint);color:var(--sl-color-gray-4)}.tut .arbol li{padding-left:calc(var(--n) * 1rem);position:relative;transition:color .2s}.tut .arbol li.d{color:var(--sl-color-gray-3)}.tut .arbol li.crea,.tut .arbol li.escribe,.tut .arbol li.lee{color:var(--sl-color-white)}.tut .arbol li.crea:before,.tut .arbol li.escribe:before,.tut .arbol li.lee:before{content:"";position:absolute;left:calc(var(--n) * 1rem - .7rem);top:.55em;width:.45rem;height:.45rem;border-radius:2px;background:var(--m)}.tut .arbol li.pulso{animation:tut-pulso .6s ease-out}@keyframes tut-in{0%{opacity:0;transform:translateY(.2em)}}@keyframes tut-spin{to{transform:rotate(360deg)}}@keyframes tut-pulso{0%{background:var(--sl-color-accent-low)}}@media(prefers-reduced-motion:reduce){.tut .out>div,.tut .out .spin:before,.tut .arbol li.pulso{animation:none}}