.grafo-causal{flex-direction:column;gap:1rem;display:flex}.grafo-toolbar{border:1px solid var(--color-step-border);background:#fff;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.grafo-toolbar button{border:1px solid var(--color-step-border);background:var(--color-step);color:var(--color-accent-deep);cursor:pointer;border-radius:.5rem;padding:.4rem .75rem;font-size:.875rem;font-weight:600}.grafo-toolbar button:hover:not(:disabled){background:var(--color-step-border)}.grafo-toolbar button:disabled{opacity:.5;cursor:default}.grafo-leyenda{color:var(--color-sub);flex-wrap:wrap;gap:.75rem 1.25rem;margin-left:auto;font-size:.8rem;display:flex}.leyenda-item{align-items:center;gap:.35rem;display:inline-flex}.dot{border-radius:999px;width:10px;height:10px;display:inline-block}.dot.evento{background:#d32f2f}.dot.decision{background:#1976d2}.dot.estado{background:#757575}.dot.cliente-real{background:var(--color-accent)}.linea{border-top-style:solid;border-top-width:3px;width:18px;height:0;display:inline-block}.linea.aumenta{border-top-color:var(--color-accent);border-top-style:solid}.linea.reduce{border-top-color:var(--color-sub);border-top-style:dashed}.grafo-cuerpo{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.grafo-cuerpo{flex-direction:row;align-items:flex-start}}.grafo-lienzo-wrapper{flex:1;min-width:0;position:relative}.grafo-lienzo{border:1px solid var(--color-step-border);background:#fff;border-radius:.75rem;min-width:0}.grafo-tooltip{background:var(--color-ink);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:.4rem;padding:.35rem .6rem;font-size:.75rem;position:absolute;transform:translate(-50%,-130%)}.grafo-lateral{flex-direction:column;gap:1rem;width:100%;display:flex}@media (min-width:768px){.grafo-lateral{flex-shrink:0;width:320px}}.grafo-guia,.grafo-ciclos,.grafo-sin-ciclos,.grafo-simulacion,.grafo-panel-nodo{border:1px solid var(--color-step-border);background:#fff;border-radius:.75rem;padding:1rem}.grafo-guia h4,.grafo-ciclos h4,.grafo-simulacion h4,.grafo-panel-nodo h3{color:var(--color-ink);margin-bottom:.35rem;font-weight:700}.grafo-guia p,.grafo-sin-ciclos{color:var(--color-sub);font-size:.875rem;line-height:1.5}.grafo-guia h4:not(:first-child){margin-top:.75rem}.grafo-ciclos ul,.grafo-panel-nodo ul{color:var(--color-ink);flex-direction:column;gap:.35rem;font-size:.85rem;list-style:none;display:flex}.grafo-ciclos button{text-align:left;color:var(--color-accent-deep);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.ciclo-vicioso{color:var(--color-warn)}.ciclo-virtuoso{color:var(--color-accent)}.grafo-simulacion p{color:var(--color-sub);font-size:.875rem}.grafo-profundidad{color:var(--color-sub);flex-direction:column;gap:.35rem;margin:.5rem 0;font-size:.8rem;display:flex}.grafo-simulacion button,.grafo-panel-nodo button{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.grafo-simulacion button{background:var(--color-step);color:var(--color-accent-deep)}.grafo-panel-nodo{position:relative}.grafo-panel-nodo>button[aria-label=Cerrar\ panel]{color:var(--color-sub);background:0 0;padding:0;font-size:1.1rem;position:absolute;top:.75rem;right:.75rem}.grafo-panel-tipo{color:var(--color-sub);margin-bottom:.5rem;font-size:.8rem}.grafo-boton-simular,.grafo-boton-marcar{background:var(--color-accent);color:#fff;width:100%;margin-top:.5rem;display:block}.grafo-boton-marcar{background:var(--color-step);color:var(--color-accent-deep)}.grafo-efecto-simulacion{border-top:1px solid var(--color-step-border);color:var(--color-ink);margin-top:.75rem;padding-top:.75rem;font-size:.85rem}.grafo-panel-nodo section{margin-top:.75rem}