.demo{--d-gen:var(--sello);--d-rev:#33689e;font-family:var(--fuente-texto);font-size:var(--t-chico);color:var(--tinta);line-height:1.5}.demo,.demo-shade{--d-sombra:#10121c9e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .demo{--d-rev:#7aa8d6}:root:not([data-theme=light]) .demo,:root:not([data-theme=light]) .demo-shade{--d-sombra:#000000b8}}:root[data-theme=dark] .demo{--d-rev:#7aa8d6}:root[data-theme=dark] .demo,:root[data-theme=dark] .demo-shade{--d-sombra:#000000b8}.demo *,.demo :before,.demo :after{box-sizing:border-box}.demo [hidden]{display:none!important}.demo p{margin:0}.demo code{font-family:var(--fuente-mono);background:var(--papel-hondo);padding:.05em .35em;font-size:.9em}.demo button,.demo-coach button{font:inherit;color:inherit}.demo :focus-visible,.demo-coach :focus-visible{outline:2px solid var(--sello);outline-offset:2px}.demo__lead{font-family:var(--fuente-titulo);font-size:var(--t-deck);color:var(--tinta-media);text-wrap:pretty;max-width:64ch;line-height:1.45}.demo__nota{font-family:var(--fuente-mono);color:var(--tinta-tenue);background:var(--papel-hondo);margin-top:.5rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.demo .picker{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.5rem 0 .85rem;display:flex}.demo .chip{border:1px solid var(--filete-fuerte);background:var(--papel-alto);cursor:pointer;transition:background var(--transicion), color var(--transicion), border-color var(--transicion);border-radius:999px;padding:.45rem .85rem;font-size:.875rem}.demo .chip:hover{border-color:var(--sello);color:var(--sello)}.demo .chip[aria-pressed=true]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}.demo .chip:disabled{opacity:.5;cursor:default}.demo .acciones{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.demo .btn,.demo-coach .btn{border:1px solid var(--tinta);background:var(--tinta);color:var(--papel);cursor:pointer;transition:background var(--transicion), color var(--transicion), border-color var(--transicion);padding:.5rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.demo .btn:hover,.demo-coach .btn:hover{background:var(--sello);border-color:var(--sello);color:var(--papel)}.demo .btn.quiet,.demo-coach .btn.quiet{color:var(--tinta-media);border-color:var(--filete-fuerte);background:0 0}.demo .btn.quiet:hover,.demo-coach .btn.quiet:hover,.demo .btn.warn{color:var(--sello);border-color:var(--sello);background:0 0}.demo .btn.warn:hover{background:var(--sello);color:var(--papel)}.demo .btn:disabled,.demo-coach .btn:disabled{opacity:.45;cursor:default}.demo .fases{font-family:var(--fuente-mono);color:var(--tinta-tenue);grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.2rem,.8vw,.5rem);margin:0 0 .85rem;padding:0;font-size:.6875rem;line-height:1.3;list-style:none;display:grid}.demo .fase{overflow-wrap:anywhere;min-width:0}@media (width<=22rem){.demo .fases{gap:.15rem;font-size:.625rem}}.demo .fase:before{content:"";height:.3125rem;box-shadow:inset 0 0 0 1px var(--tinta-tenue);margin-bottom:.35rem;display:block}.demo .fase.hecha{color:var(--tinta-media)}.demo .fase.hecha:before{background:var(--tinta-media);box-shadow:none}.demo .fase.actual{color:var(--tinta);font-weight:600}.demo .fase.actual:before{background:var(--tinta);box-shadow:none}.demo .stage{grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.demo .dossier{order:1}.demo .term{order:2}@media (width>=55rem){.demo .stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo .term{order:1}.demo .dossier{order:2}}.demo .term{border:1px solid var(--filete-fuerte);background:var(--papel-hondo);flex-direction:column;height:17rem;transition:height .25s;display:flex;overflow:hidden}.demo .term.full{height:min(64vh,620px)}@media (width>=55rem){.demo .term,.demo .term.full{height:min(64vh,620px)}.demo .toggle{display:none}}.demo .term__bar{border-bottom:1px solid var(--filete);font-family:var(--fuente-mono);color:var(--tinta-tenue);align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.71875rem;display:flex}.demo .dot{background:var(--filete-fuerte);border-radius:50%;flex:none;width:.5rem;height:.5rem}.demo .dot.live{background:var(--sello)}.demo .toggle{border:1px solid var(--filete-fuerte);color:var(--tinta-tenue);font-family:var(--fuente-mono);cursor:pointer;background:0 0;margin-left:auto;padding:.1rem .5rem;font-size:.71875rem}.demo .term__leyenda{border-bottom:1px solid var(--filete);color:var(--tinta-media);padding:.45rem .75rem;font-size:.75rem;line-height:1.45}.demo .term__leyenda p+p{font-family:var(--fuente-mono);margin-top:.15rem;font-size:.6875rem}.demo .term__leyenda b{font-weight:500}.demo .term__leyenda strong{color:var(--tinta);font-weight:600}.demo .term__leyenda .g-gen{color:var(--d-gen)}.demo .term__leyenda .g-rev{color:var(--d-rev)}.demo .term__leyenda .g-ok{color:var(--tinta)}.demo .term__leyenda .g-bad{color:var(--sello)}.demo .term__leyenda .sep{margin:0 .5rem}.demo .term__body{font-family:var(--fuente-mono);flex:1;padding:.75rem .85rem;font-size:.78125rem;line-height:1.6;overflow:auto}.demo .line{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tinta-media);margin:0 0 .15rem}.demo .line.user{color:var(--tinta);background:var(--papel-alto);border-left:3px solid var(--tinta);margin:.35rem 0 .6rem;padding:.5rem .65rem}.demo .line.agent{color:var(--tinta)}.demo .line.agent:before{content:"◆ ";color:var(--d-gen)}.demo .line.rev{color:var(--tinta)}.demo .line.rev:before{content:"◇ ";color:var(--d-rev)}.demo .line.cmd{color:var(--tinta);margin-top:.5rem}.demo .line.cmd:before{content:"$ ";color:var(--sello)}.demo .line.out{color:var(--tinta-tenue)}.demo .line.sub{color:var(--tinta-tenue);padding-left:1rem}.demo .line.ok{color:var(--tinta);font-weight:500}.demo .line.res{color:var(--sello)}.demo .line.bad{color:var(--sello);font-weight:500}.demo .dossier{border:1px solid var(--filete-fuerte);background:var(--papel-alto);flex-direction:column;height:min(60vh,620px);display:flex}@media (width>=55rem){.demo .dossier{height:min(64vh,620px)}}.demo .tabs{border-bottom:1px solid var(--filete-fuerte);display:flex;overflow-x:auto}.demo .tab{color:var(--tinta-tenue);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:.6rem .5rem;font-size:.8125rem;font-weight:500}.demo .tab[aria-selected=true]{color:var(--tinta);border-bottom-color:var(--tinta)}.demo .tab .n{background:var(--papel-hondo);min-width:1.1rem;font-family:var(--fuente-mono);color:var(--tinta-tenue);border-radius:.55rem;margin-left:.35rem;padding:0 .3rem;font-size:.6875rem;font-weight:500;display:inline-block}.demo .tab .n.hot{background:var(--sello);color:var(--papel)}.demo .panel{flex:1;padding:.85rem 1rem;display:none;overflow:auto}.demo .panel.on{display:block}.demo .empty{color:var(--tinta-tenue)}.demo .round{margin:.85rem 0 .4rem;font-size:.8125rem;font-weight:600}.demo .round:first-child{margin-top:0}.demo .file{font-family:var(--fuente-mono);color:var(--tinta-tenue);margin:0 0 .35rem;font-size:.71875rem}.demo pre.diff{border:1px solid var(--filete);background:var(--papel-hondo);font-family:var(--fuente-mono);color:var(--tinta-tenue);margin:0 0 .85rem;padding:.6rem .75rem;font-size:.75rem;line-height:1.5;overflow:auto}.demo pre.diff .a{color:var(--tinta);display:block}.demo pre.diff .d{color:var(--tinta-tenue);text-decoration:line-through;display:block}.demo pre.diff .c{color:var(--tinta-tenue);display:block}.demo .file.late{color:var(--sello)}.demo pre.diff.late{border-color:var(--sello)}.demo .finding{border:1px solid var(--filete);border-left:3px solid var(--filete-fuerte);margin:0 0 .6rem;padding:.6rem .75rem}.demo .finding h4{font-family:var(--fuente-texto);letter-spacing:0;margin:0 0 .25rem;font-size:.875rem;font-weight:600;line-height:1.35}.demo .finding p{color:var(--tinta-media);font-size:.8125rem}.demo .finding .close{border-top:1px dashed var(--filete);color:var(--tinta);margin-top:.5rem;padding-top:.5rem;font-size:.8125rem}.demo .finding.pending .close{display:none}.demo .finding.valid{border-left-color:var(--tinta-media)}.demo .finding.residue{border-left-color:var(--sello)}.demo .estado{vertical-align:middle;border:1px solid var(--filete-fuerte);font-family:var(--fuente-mono);letter-spacing:.02em;color:var(--tinta);white-space:nowrap;margin-left:.4rem;padding:.05rem .4rem;font-size:.6875rem;font-weight:500;display:inline-block}.demo .estado.pendiente{color:var(--tinta-tenue);border-style:dashed}.demo .estado.residuo{border-color:var(--sello);color:var(--sello)}.demo .res__intro{max-width:62ch;color:var(--tinta-media);text-wrap:pretty;margin:0 0 .85rem;font-size:.8125rem}.demo pre.json{font-family:var(--fuente-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tinta-tenue);margin:0;font-size:.75rem;line-height:1.6}.demo pre.json+pre.json{border-top:1px dashed var(--filete-fuerte);margin-top:.85rem;padding-top:.75rem}.demo pre.json .k{color:var(--tinta-tenue)}.demo pre.json .v{color:var(--tinta)}.demo pre.json .h{color:var(--sello);font-weight:500}.demo .pr h3{font-family:var(--fuente-texto);letter-spacing:-.01em;margin:0 0 .15rem;font-size:1.0625rem;font-weight:600}.demo .pr .meta{font-family:var(--fuente-mono);color:var(--tinta-tenue);margin-bottom:.75rem;font-size:.71875rem}.demo .check{border:1px solid var(--filete-fuerte);align-items:flex-start;gap:.6rem;margin-bottom:.6rem;padding:.6rem .75rem;display:flex}.demo .check .ic{width:1.1rem;height:1.1rem;font-family:var(--fuente-mono);color:var(--papel);background:var(--tinta);border-radius:50%;flex:none;place-items:center;margin-top:.1rem;font-size:.75rem;font-weight:600;display:grid}.demo .check.pass .ic:before{content:"✓"}.demo .check.fail .ic{background:var(--sello)}.demo .check.fail .ic:before{content:"✗"}.demo .check b{font-weight:600}.demo .check span{color:var(--tinta-media);text-wrap:pretty;font-size:.8125rem;display:block}.demo .check.fail{border-color:var(--sello)}.demo .bloque{border:1px solid var(--filete);border-left:3px solid var(--filete-fuerte);background:var(--papel-hondo);margin:.85rem 0;padding:.65rem .85rem}.demo .bloque--residuo{border-left-color:var(--sello)}.demo .bloque h4{font-family:var(--fuente-texto);letter-spacing:0;margin:0 0 .4rem;font-size:.875rem;font-weight:600}.demo .bloque--residuo h4{color:var(--sello)}.demo .bloque ul{margin:0;padding-left:1.1rem;font-size:.8125rem}.demo .bloque li{margin-bottom:.35rem}.demo .bloque li small{color:var(--tinta-tenue);font-size:.75rem;display:block}.demo .bloque .clase{font-family:var(--fuente-mono);color:var(--sello);font-size:.6875rem}.demo .commit{font-family:var(--fuente-mono);color:var(--tinta-tenue);border-top:1px dashed var(--filete);padding:.35rem 0;font-size:.71875rem}.demo .commit.new{color:var(--sello)}.demo .pr .acciones2{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.demo .pulse{animation:1.4s ease-in-out 3 demo-pulse}@keyframes demo-pulse{50%{box-shadow:0 0 0 6px var(--sello-tenue)}}.demo .leyenda{margin-top:1rem}.demo .leyenda .rotulo{margin:0 0 .4rem}.demo .leyenda ul{color:var(--tinta-tenue);flex-wrap:wrap;gap:.35rem 1.25rem;margin:0;padding:0;font-size:.78125rem;list-style:none;display:flex}.demo .leyenda .estado{margin:0 .25rem 0 0}.demo .leyenda__clases{margin:.85rem 0 .4rem}.demo__cierre{border:1px solid var(--filete-fuerte);background:var(--papel-alto);max-width:44rem;margin-top:1.5rem;padding:1rem 1.1rem}.demo__cierre .rotulo{margin:0 0 .5rem}.demo__cierre p{color:var(--tinta-media);text-wrap:pretty}.demo__cierre a{color:var(--tinta)}.demo__comando{border:1px solid var(--tinta);background:var(--papel-alto);white-space:nowrap;margin-top:.75rem;padding:.6rem .75rem;font-size:.8125rem;display:block;overflow-x:auto}.demo__autor{font-size:var(--t-chico);color:var(--tinta-tenue);text-wrap:pretty;margin-top:1.25rem}.demo__autor strong{color:var(--tinta);font-weight:600}.demo__autor a{color:var(--tinta)}.demo .foot{max-width:80ch;color:var(--tinta-tenue);text-wrap:pretty;margin-top:1rem;font-size:.8125rem}.demo-shade{z-index:50;pointer-events:none;display:none;position:fixed;inset:0}.demo.guiando .picker,.demo.guiando .leyenda,.demo.guiando .foot,.demo.guiando .stage>:not(.spot){pointer-events:none}.demo-shade.on{display:block}.demo-shade:before{content:"";height:var(--sl-nav-height,3.5rem);background:var(--d-sombra);position:absolute;inset:0 0 auto}.demo .spot{z-index:60;box-shadow:0 0 0 9999px var(--d-sombra);position:relative}.demo .mark{outline:2px solid var(--sello);outline-offset:2px}.demo-coach{z-index:70;box-sizing:border-box;background:var(--papel-alto);border:1px solid var(--filete-fuerte);width:20rem;font-family:var(--fuente-texto);color:var(--tinta);padding:.9rem 1rem;font-size:.875rem;line-height:1.5;display:none;position:fixed;box-shadow:0 12px 40px #0000004d}.demo-coach.on{display:block}.demo-coach [hidden]{display:none!important}.demo-coach.sheet{width:auto;inset:auto .75rem .75rem}.demo-coach .coach__cabeza{align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.demo-coach .coach__paso{white-space:nowrap;margin:0}.demo-coach .coach__barra{flex:1;gap:3px;max-width:8rem;display:flex}.demo-coach .coach__barra i{height:.3125rem;box-shadow:inset 0 0 0 1px var(--tinta-tenue);flex:1}.demo-coach .coach__barra i.on{background:var(--tinta);box-shadow:none}.demo-coach h4{font-family:var(--fuente-texto);letter-spacing:0;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.demo-coach p{color:var(--tinta-media);text-wrap:pretty;margin:0 0 .65rem}.demo-coach .row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-coach #cNext{margin-left:auto}.demo-coach .coach__salir{color:var(--tinta-media);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-top:.7rem;padding:0;font-size:.8125rem;text-decoration:underline;display:block}.demo-coach .coach__salir:hover{color:var(--sello)}.demo-coach .links{flex-wrap:wrap;gap:.5rem;margin:0 0 .65rem;display:flex}@media (prefers-reduced-motion:reduce){.demo .term{transition:none}.demo .pulse{animation:none}}