.demo-box:where(.astro-k4g2t6vk){background:light-dark(#fff,#1a1a1a);border:1px solid light-dark(#ddd8d0,#444);border-radius:.5rem;margin:2rem 0}.demo-title:where(.astro-k4g2t6vk){color:light-dark(#1c1814,#d4d4d4);background:light-dark(#f5f5f5,#2a2a2a);border-bottom:1px solid light-dark(#ddd8d0,#333);padding:1rem;font-weight:600}.demo-comparison:where(.astro-k4g2t6vk){grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.5rem;padding:1.5rem;display:grid}.demo-side:where(.astro-k4g2t6vk){grid-row:span 4;grid-template-rows:subgrid;gap:1rem;min-width:0;margin:0;display:grid}.code-section:where(.astro-k4g2t6vk),.demo-interactive:where(.astro-k4g2t6vk){min-width:0}.demo-side:where(.astro-k4g2t6vk) h3:where(.astro-k4g2t6vk){color:light-dark(#1c1814,#d4d4d4);align-self:end;margin:0}.code-section:where(.astro-k4g2t6vk){background:light-dark(#f9f9f9,#111);border:1px solid light-dark(#e5e5e5,#333);border-radius:.375rem;padding:.75rem}.code-section:where(.astro-k4g2t6vk) pre:where(.astro-k4g2t6vk){background:0 0;margin:0;padding:0;font-size:.75rem;overflow-x:auto}.code-section:where(.astro-k4g2t6vk) code:where(.astro-k4g2t6vk){color:light-dark(#1c1814,#d4d4d4);font-family:monospace}.comentario:where(.astro-k4g2t6vk){color:light-dark(#6b6560,#888)}.enlace:where(.astro-k4g2t6vk){background:light-dark(#dbeafe,#3b82f638);border-radius:.2rem}.sync-line:where(.astro-k4g2t6vk){background:light-dark(#fff3cd,#f59e0b26);border-radius:.2rem;display:inline-block}.sync-line:where(.astro-k4g2t6vk).apagada{opacity:.45;background:0 0;text-decoration:line-through}.demo-interactive:where(.astro-k4g2t6vk){text-align:center;background:light-dark(#fafafa,#0a0a0a);border:2px dashed light-dark(#ddd8d0,#444);border-radius:.375rem;padding:1rem}.btn-demo:where(.astro-k4g2t6vk){cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s}.vanilla:where(.astro-k4g2t6vk) .btn-demo:where(.astro-k4g2t6vk){color:light-dark(#1c1814,#d4d4d4);background:light-dark(#e8e8e8,#2a2a2a);border:1px solid light-dark(#999,#555)}.angular:where(.astro-k4g2t6vk) .btn-demo:where(.astro-k4g2t6vk){color:#fff;background:linear-gradient(135deg,#0e7a5a,#059669)}.btn-demo:where(.astro-k4g2t6vk):hover{opacity:.8}.lecturas:where(.astro-k4g2t6vk){text-align:start;color:light-dark(#1c1814,#d4d4d4);grid-template-columns:1fr auto;align-items:center;gap:.35rem 1rem;margin:1rem 0 0;font-size:.85rem;display:grid}.lecturas:where(.astro-k4g2t6vk) dt:where(.astro-k4g2t6vk){margin:0;font-weight:500}.lecturas:where(.astro-k4g2t6vk) dd:where(.astro-k4g2t6vk){justify-self:end;margin:0;font-family:monospace;font-size:1rem;font-weight:600}.lecturas:where(.astro-k4g2t6vk) dd:where(.astro-k4g2t6vk).desincronizado{color:light-dark(#b45309,#fbbf24)}.interruptor:where(.astro-k4g2t6vk){text-align:start;cursor:pointer;color:light-dark(#1c1814,#d4d4d4);align-items:center;gap:.5rem;margin-top:.9rem;font-size:.8rem;display:flex}.interruptor:where(.astro-k4g2t6vk) input:where(.astro-k4g2t6vk){flex-shrink:0;margin:0}.sin-interruptor:where(.astro-k4g2t6vk){text-align:start;color:light-dark(#4a4440,#aaa);margin:.9rem 0 0;font-size:.8rem;font-style:italic}.aviso:where(.astro-k4g2t6vk){text-align:start;color:light-dark(#b45309,#fbbf24);margin:.6rem 0 0;font-size:.8rem;font-weight:600}.explanation:where(.astro-k4g2t6vk){color:light-dark(#4a4440,#aaa);margin:0;font-size:.85rem}.insight:where(.astro-k4g2t6vk){color:light-dark(#92400e,#d4d4d4);background:light-dark(#fff9e6,#0e7a5a1a);border-left:4px solid light-dark(#f59e0b,#0e7a5a);padding:1rem 1.5rem}@media (width<=800px){.demo-comparison:where(.astro-k4g2t6vk){grid-template-rows:none;grid-template-columns:1fr}.demo-side:where(.astro-k4g2t6vk){grid-row:auto;grid-template-rows:none}}.syntax-box:where(.astro-hydcgtg5){background:light-dark(#fff,#1a1a1a);border:1px solid light-dark(#ddd8d0,#444);border-radius:.5rem;margin:1.5rem 0}.syntax-title:where(.astro-hydcgtg5){color:light-dark(#1c1814,#d4d4d4);background:light-dark(#f5f5f5,#2a2a2a);border-bottom:1px solid light-dark(#ddd8d0,#333);padding:1rem;font-weight:600}.syntax-intro:where(.astro-hydcgtg5){color:light-dark(#4a4440,#aaa);margin:0;padding:1rem 1.5rem 0;font-size:.85rem}.syntax-examples:where(.astro-hydcgtg5){flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.example:where(.astro-hydcgtg5){background:light-dark(#f9f9f9,#0a0a0a);border:1px solid light-dark(#e5e5e5,#333);border-radius:.375rem;padding:1rem}.example:where(.astro-hydcgtg5) h3:where(.astro-hydcgtg5){color:light-dark(#1c1814,#d4d4d4);margin:0 0 .25rem;font-size:.9rem}.desc:where(.astro-hydcgtg5){color:light-dark(#666,#999);margin:0 0 .75rem;font-size:.85rem}.tres:where(.astro-hydcgtg5){grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=860px){.tres:where(.astro-hydcgtg5){grid-template-columns:minmax(0,1fr)}}.col:where(.astro-hydcgtg5){flex-direction:column;gap:.4rem;min-width:0;margin:0;display:flex}.col-tit:where(.astro-hydcgtg5){text-transform:uppercase;letter-spacing:.05em;color:light-dark(#6b6560,#888);font-size:.7rem;font-weight:600}.code:where(.astro-hydcgtg5){background:light-dark(#fff,#111);border:1px solid light-dark(#ddd8d0,#333);border-radius:.375rem;flex:1;min-width:0;padding:.5rem;overflow-x:auto}.code:where(.astro-hydcgtg5) code:where(.astro-hydcgtg5){color:light-dark(#0e5a47,#10e5a0);font-family:monospace;font-size:.75rem;display:block}.code:where(.astro-hydcgtg5) .l{white-space:pre;display:block}.enlace:where(.astro-hydcgtg5){background:light-dark(#dbeafe,#3b82f638);border-radius:.2rem}.salida:where(.astro-hydcgtg5){background:light-dark(#fafafa,#111);border:2px dashed light-dark(#ddd8d0,#444);border-radius:.375rem;flex:1;min-width:0;padding:.75rem}.control:where(.astro-hydcgtg5){align-items:center;min-height:2rem;display:flex}.nota:where(.astro-hydcgtg5){color:light-dark(#6b6560,#888);font-size:.75rem;font-style:italic}.col:where(.astro-hydcgtg5) input:where(.astro-hydcgtg5)[type=text]{box-sizing:border-box;color:light-dark(#1c1814,#d4d4d4);background:light-dark(#fff,#1a1a1a);border:1px solid light-dark(#bbb8b0,#555);border-radius:.375rem;width:100%;padding:.35rem .5rem;font-size:.85rem}.col:where(.astro-hydcgtg5) label:where(.astro-hydcgtg5){color:light-dark(#1c1814,#d4d4d4);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.salida:where(.astro-hydcgtg5) p:where(.astro-hydcgtg5){color:light-dark(#1c1814,#d4d4d4);margin:.5rem 0 0;font-size:.9rem}.btn:where(.astro-hydcgtg5){color:#fff;cursor:pointer;background:#0e7a5a;border:none;border-radius:.375rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.btn:where(.astro-hydcgtg5):hover{opacity:.9}#sp-if-host:where(.astro-hydcgtg5) p{color:#0e7a5a;background:#0e7a5a1a;border:1px solid #0e7a5a;border-radius:.375rem;margin:0;padding:.5rem .75rem;font-size:.85rem}.contraste:where(.astro-hydcgtg5){border-top:1px dashed light-dark(#ddd8d0,#444);margin-top:1rem;padding-top:.9rem}.dos:where(.astro-hydcgtg5){grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.4rem;display:grid}@media (width<=860px){.dos:where(.astro-hydcgtg5){grid-template-columns:minmax(0,1fr)}}.panel:where(.astro-hydcgtg5){flex-direction:column;gap:.4rem;min-width:0;margin:0;display:flex}.panel-tit:where(.astro-hydcgtg5){color:light-dark(#1c1814,#d4d4d4);flex:none;font-family:monospace;font-size:.75rem;line-height:1.4}.panel-pie:where(.astro-hydcgtg5){color:light-dark(#6b6560,#888);flex:none;margin:0;font-size:.75rem}.contraste-nota:where(.astro-hydcgtg5){color:light-dark(#4a4440,#aaa);margin:.75rem 0 0;font-size:.8rem}#sp-out-list:where(.astro-hydcgtg5){flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}#sp-out-list:where(.astro-hydcgtg5) li{color:light-dark(#1c1814,#d4d4d4);background:light-dark(#f0f0f0,#1a1a1a);border-left:3px solid #0e7a5a;padding:.35rem .5rem;font-size:.85rem}.syntax-pie:where(.astro-hydcgtg5){color:light-dark(#92400e,#d4d4d4);background:light-dark(#fff9e6,#0e7a5a14);border-top:1px solid light-dark(#ddd8d0,#333);padding:.9rem 1.5rem;font-size:.85rem}.comm-box:where(.astro-l3k5j4ml){background:light-dark(#fff,#1a1a1a);border:1px solid light-dark(#ddd8d0,#444);border-radius:.5rem;margin:2rem 0}.comm-title:where(.astro-l3k5j4ml){color:light-dark(#1c1814,#d4d4d4);background:light-dark(#f5f5f5,#2a2a2a);border-bottom:1px solid light-dark(#ddd8d0,#333);padding:1rem;font-weight:600}.comm-box:where(.astro-l3k5j4ml) code:where(.astro-l3k5j4ml){font-family:monospace;font-size:.95em}.intentos:where(.astro-l3k5j4ml){background:light-dark(#fafafa,#141414);border:none;border-bottom:1px solid light-dark(#ddd8d0,#333);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:1rem 1.5rem;display:flex}.intentos:where(.astro-l3k5j4ml) legend:where(.astro-l3k5j4ml){color:light-dark(#1c1814,#d4d4d4);margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:600}.intentos:where(.astro-l3k5j4ml) label:where(.astro-l3k5j4ml){cursor:pointer;color:light-dark(#1c1814,#d4d4d4);align-items:center;gap:.45rem;font-size:.85rem;display:flex}.intentos:where(.astro-l3k5j4ml) input:where(.astro-l3k5j4ml){flex-shrink:0;margin:0}.codigos:where(.astro-l3k5j4ml){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1.5rem 1.5rem 0;display:grid}.col:where(.astro-l3k5j4ml),.code:where(.astro-l3k5j4ml),.hijo:where(.astro-l3k5j4ml),.fila:where(.astro-l3k5j4ml),.arbol-bloque:where(.astro-l3k5j4ml){min-width:0;margin:0}.col-tit:where(.astro-l3k5j4ml){color:light-dark(#4a4440,#aaa);margin-bottom:.4rem;font-size:.8rem;font-weight:600}.code:where(.astro-l3k5j4ml){background:light-dark(#f9f9f9,#111);border:1px solid light-dark(#e5e5e5,#333);border-radius:.375rem;padding:.75rem}.code:where(.astro-l3k5j4ml) pre:where(.astro-l3k5j4ml){background:0 0;margin:0;padding:0;font-size:.72rem;line-height:1.55;overflow-x:auto}.code:where(.astro-l3k5j4ml) code:where(.astro-l3k5j4ml){color:light-dark(#1c1814,#d4d4d4);font-size:1em}.com:where(.astro-l3k5j4ml),.imp:where(.astro-l3k5j4ml){color:light-dark(#6b6560,#888)}.clave:where(.astro-l3k5j4ml){background:light-dark(#dbeafe,#3b82f638);border-radius:.2rem}.mal:where(.astro-l3k5j4ml){color:light-dark(#b91c1c,#f87171);text-decoration:underline wavy red}.codigo-error:where(.astro-l3k5j4ml){color:light-dark(#b91c1c,#f87171);font-weight:700}.escena:where(.astro-l3k5j4ml){padding:1.5rem}.padre:where(.astro-l3k5j4ml){background:light-dark(#f7fbf9,#0e7a5a0f);border:2px solid light-dark(#0e7a5a,#34d399);border-radius:.5rem;padding:1rem}.rol:where(.astro-l3k5j4ml){color:light-dark(#1c1814,#d4d4d4);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.chapa:where(.astro-l3k5j4ml){color:light-dark(#fff,#06251b);letter-spacing:.04em;background:light-dark(#0e7a5a,#34d399);border-radius:.2rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.chapa:where(.astro-l3k5j4ml).hija{color:light-dark(#fff,#1f2937);background:light-dark(#4a4440,#9ca3af)}.dueno:where(.astro-l3k5j4ml){color:light-dark(#4a4440,#aaa);font-size:.75rem;font-style:italic}.estado:where(.astro-l3k5j4ml){flex-wrap:wrap;gap:.4rem 1.5rem;margin:.75rem 0 0;display:flex}.par:where(.astro-l3k5j4ml){align-items:baseline;gap:.5rem;display:flex}.estado:where(.astro-l3k5j4ml) dt:where(.astro-l3k5j4ml),.estado:where(.astro-l3k5j4ml) dd:where(.astro-l3k5j4ml),.lecturas:where(.astro-l3k5j4ml) dt:where(.astro-l3k5j4ml),.lecturas:where(.astro-l3k5j4ml) dd:where(.astro-l3k5j4ml){color:light-dark(#1c1814,#d4d4d4);margin:0;font-size:.78rem}.estado:where(.astro-l3k5j4ml) dd:where(.astro-l3k5j4ml){font-family:monospace;font-weight:700}.flechas:where(.astro-l3k5j4ml){color:light-dark(#4a4440,#aaa);justify-content:space-between;gap:1rem;margin:.9rem 0 .5rem;font-size:.75rem;display:flex}.hijos:where(.astro-l3k5j4ml){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.hijo:where(.astro-l3k5j4ml){background:light-dark(#fff,#0d0d0d);border:1px dashed light-dark(#bbb8b0,#555);border-radius:.375rem;padding:.75rem}.hijo:where(.astro-l3k5j4ml).suena{border-style:solid;border-color:light-dark(#0e7a5a,#34d399)}.lecturas:where(.astro-l3k5j4ml){grid-template-columns:auto 1fr;gap:.2rem .6rem;margin:.6rem 0;display:grid}.lecturas:where(.astro-l3k5j4ml) dd:where(.astro-l3k5j4ml){font-family:monospace;font-weight:700}.tarjeta:where(.astro-l3k5j4ml){color:light-dark(#1c1814,#d4d4d4);background:light-dark(#f4f4f4,#1c1c1c);border-radius:.375rem;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem;display:flex}.hijo:where(.astro-l3k5j4ml).suena .tarjeta:where(.astro-l3k5j4ml){background:light-dark(#0e7a5a1f,#34d39924)}.btn:where(.astro-l3k5j4ml){color:light-dark(#fff,#06251b);cursor:pointer;background:light-dark(#0e7a5a,#34d399);border:1px solid light-dark(#0e7a5a,#34d399);border-radius:.375rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600}.btn:where(.astro-l3k5j4ml):hover{opacity:.85}.compilador:where(.astro-l3k5j4ml){background:light-dark(#fef6f6,#1a0d0d);border:1px solid light-dark(#f0b4b4,#7f1d1d);border-radius:.375rem;margin-top:1rem;overflow:hidden}.compilador-tit:where(.astro-l3k5j4ml){color:light-dark(#b91c1c,#f87171);border-bottom:1px solid light-dark(#f0b4b4,#7f1d1d);padding:.4rem .75rem;font-size:.72rem;font-weight:600}.compilador:where(.astro-l3k5j4ml) pre:where(.astro-l3k5j4ml){background:0 0;margin:0;padding:.6rem .75rem;font-size:.72rem;overflow-x:auto}.veredicto:where(.astro-l3k5j4ml){color:light-dark(#4a4440,#bbb);background:light-dark(#fafafa,#141414);border-left:4px solid light-dark(#bbb8b0,#555);border-radius:0 .25rem .25rem 0;margin:1rem 0 0;padding:.75rem .9rem;font-size:.85rem}.veredicto:where(.astro-l3k5j4ml).bueno{border-left-color:light-dark(#0e7a5a,#34d399)}.veredicto:where(.astro-l3k5j4ml).malo{border-left-color:light-dark(#b91c1c,#f87171)}.reiniciar:where(.astro-l3k5j4ml){cursor:pointer;color:light-dark(#4a4440,#aaa);background:0 0;border:1px solid light-dark(#bbb8b0,#555);border-radius:.375rem;margin-top:.75rem;padding:.3rem .7rem;font-size:.75rem}.arbol-bloque:where(.astro-l3k5j4ml){padding:0 1.5rem 1.5rem}.arbol:where(.astro-l3k5j4ml),.arbol:where(.astro-l3k5j4ml) ul:where(.astro-l3k5j4ml){margin:0;padding:0;list-style:none}.arbol:where(.astro-l3k5j4ml) ul:where(.astro-l3k5j4ml){border-left:1px solid light-dark(#ccc8c0,#444);margin-left:.55rem;padding-left:1rem}.arbol:where(.astro-l3k5j4ml) li:where(.astro-l3k5j4ml){margin:.3rem 0;position:relative}.arbol:where(.astro-l3k5j4ml) .fila:where(.astro-l3k5j4ml){flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.arbol:where(.astro-l3k5j4ml) ul:where(.astro-l3k5j4ml)>li:where(.astro-l3k5j4ml):before{content:"";border-top:1px solid light-dark(#ccc8c0,#444);width:.75rem;position:absolute;top:.6em;left:-1rem}.nodo:where(.astro-l3k5j4ml){color:light-dark(#1c1814,#d4d4d4);font-weight:600}.nodo:where(.astro-l3k5j4ml).raiz,.nodo:where(.astro-l3k5j4ml).hoja{font-weight:600}.nodo:where(.astro-l3k5j4ml).raiz{color:light-dark(#0e7a5a,#34d399)}.anot:where(.astro-l3k5j4ml){color:light-dark(#6b6560,#999);font-size:.75rem}.nota:where(.astro-l3k5j4ml){color:light-dark(#4a4440,#aaa);background:light-dark(#f9f9f9,#0f0f0f);border-left:3px solid light-dark(#0e7a5a,#34d399);margin:1rem 0 0;padding:.75rem;font-size:.8rem}.insight:where(.astro-l3k5j4ml){color:light-dark(#92400e,#d4d4d4);background:light-dark(#fff9e6,#0e7a5a1a);border-left:4px solid light-dark(#f59e0b,#0e7a5a);padding:1rem 1.5rem;font-size:.9rem}@media (width<=800px){.codigos:where(.astro-l3k5j4ml),.hijos:where(.astro-l3k5j4ml){grid-template-columns:1fr}}