.demo-grafo{border:1px solid var(--borde);border-radius:var(--radio);background:var(--bg-elev);overflow:hidden}.dg-barra{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-bottom:1px solid var(--borde);background:var(--bg-sunk)}.dg-campo{display:flex;flex-direction:column;gap:.3rem;min-width:190px}.dg-crece{flex:1}.dg-etq{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--texto-tenue);font-weight:600}.demo-grafo select{font:inherit;font-size:.9rem;padding:.45rem .6rem;width:100%;border:1px solid var(--borde);border-radius:8px;background:var(--bg-elev);color:var(--texto)}.dg-cuerpo{display:grid;grid-template-columns:1fr auto 1fr;gap:1.2rem;align-items:center;padding:1.3rem 1.1rem}@media(max-width:700px){.dg-cuerpo{grid-template-columns:1fr}.dg-flecha{transform:rotate(90deg);justify-self:center}}.dg-chapa{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.15em .5em;border-radius:5px;color:#fff;background:var(--nis2)}.dg-chapa[data-tipo=DORA]{background:var(--dora)}.dg-origen h4{margin:.5rem 0 .4rem;font-size:1rem}.dg-origen p{font-size:.87rem;color:var(--texto-suave);margin:0}.dg-flecha{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--texto-tenue);font-size:.72rem}.dg-controles{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.dg-controles li{display:flex;gap:.55rem;align-items:baseline;font-size:.87rem;padding:.4rem .6rem;background:var(--bg-sunk);border-radius:7px;border-left:3px solid var(--ens)}.dg-controles code{background:none;padding:0;color:var(--ens);font-weight:600;flex-shrink:0}.dg-controles span{color:var(--texto-suave)}.dg-pie{margin:0;padding:.85rem 1.1rem;border-top:1px solid var(--borde);font-size:.82rem;color:var(--texto-tenue);background:var(--bg-sunk)}.demo-banca{border:1px solid var(--borde);border-radius:var(--radio);background:var(--bg-elev);overflow:hidden;display:flex;flex-direction:column}.db-cabecera{display:flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border-bottom:1px solid var(--borde);background:var(--bg-sunk);font-size:.87rem;color:var(--texto-suave)}.db-punto{width:8px;height:8px;border-radius:50%;background:#2eb872;flex-shrink:0}.db-reiniciar{margin-left:auto;font:inherit;font-size:.8rem;cursor:pointer;background:none;border:1px solid var(--borde);color:var(--texto-suave);padding:.2rem .6rem;border-radius:6px}.db-reiniciar:hover{color:var(--texto);border-color:var(--borde-fuerte)}.db-chat{padding:1rem;display:flex;flex-direction:column;gap:.8rem;min-height:260px;max-height:520px;overflow-y:auto}.db-chat>*{flex-shrink:0}.db-burbuja{max-width:84%;padding:.6rem .85rem;border-radius:13px;font-size:.91rem;line-height:1.55}.db-burbuja.usuario{align-self:flex-end;background:var(--acento);color:#fff;border-bottom-right-radius:4px}.db-burbuja.bot{align-self:flex-start;background:var(--bg-sunk);border:1px solid var(--borde);border-bottom-left-radius:4px}.db-burbuja strong{font-weight:650}.db-herramienta{align-self:flex-start;max-width:92%;font-family:var(--mono);font-size:.74rem;background:var(--bg-sunk);border:1px dashed var(--borde-fuerte);border-radius:9px;padding:.5rem .7rem;color:var(--texto-tenue)}.db-herramienta .nom{color:var(--acento);font-weight:600}.db-herramienta pre{margin:.35rem 0 0;white-space:pre-wrap;word-break:break-word;font-size:.72rem}.db-lienzo{align-self:stretch;background:var(--bg-sunk);border:1px solid var(--borde);border-radius:10px;padding:.8rem}.db-lienzo h5{margin:0 0 .5rem;font-size:.8rem;color:var(--texto-suave);font-weight:600}.db-marco-lienzo{position:relative;height:240px}.db-marco-lienzo.alto{height:300px}.db-marco-lienzo canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.db-escribiendo{display:flex;gap:3px;padding:.7rem .9rem}.db-escribiendo i{width:6px;height:6px;border-radius:50%;background:var(--texto-tenue);animation:db-latido 1.1s infinite}.db-escribiendo i:nth-child(2){animation-delay:.15s}.db-escribiendo i:nth-child(3){animation-delay:.3s}@keyframes db-latido{0%,60%,to{opacity:.25}30%{opacity:1}}.db-sugerencias{display:flex;flex-wrap:wrap;gap:.45rem;padding:.8rem 1rem;border-top:1px solid var(--borde);background:var(--bg-sunk)}.db-sugerencias button{font:inherit;font-size:.84rem;cursor:pointer;background:var(--bg-elev);border:1px solid var(--borde);color:var(--texto);padding:.38rem .75rem;border-radius:999px}.db-sugerencias button:hover:not(:disabled){border-color:var(--acento);color:var(--acento)}.db-sugerencias button:disabled{opacity:.4;cursor:default}.db-sugerencias .listo{color:var(--texto-tenue);font-size:.84rem;align-self:center}