:root{--azul: #0b3d91;--azul-claro: #e8eef9;--amarillo: #ffd23f;--texto: #1a1a1a;--texto-suave: #4a4a4a;--fondo: #ffffff;--borde: #c9d3e3;--alerta: #8a1c00;--alerta-fondo: #fde7e1;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--texto);background:var(--fondo)}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.cabecera{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;background:var(--azul);color:#fff}.marca{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem}.menu{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.menu button{font:inherit;color:#fff;background:transparent;border:2px solid transparent;border-radius:6px;padding:.375rem .75rem;cursor:pointer}.menu button:hover{background:#ffffff1f}.menu button[aria-current=page]{background:#fff;color:var(--azul);font-weight:600}.menu button:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}.estado{margin-left:auto;font-size:.875rem}.estado--sin-conexion{background:var(--alerta-fondo);color:var(--alerta);padding:.125rem .5rem;border-radius:4px}.contenido{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1rem}.lema{font-size:1.25rem;color:var(--texto-suave)}.nota{padding:.75rem 1rem;background:var(--azul-claro);border-left:4px solid var(--azul)}.insignia{display:inline-block;padding:.125rem .625rem;background:var(--amarillo);color:var(--texto);border-radius:999px;font-weight:600;font-size:.875rem}.pie{padding:.75rem 1rem;border-top:1px solid var(--borde);color:var(--texto-suave);font-size:.875rem}button{font:inherit;cursor:pointer}.contenido button,.barra button,.pestanas button{padding:.3rem .7rem;border:1px solid var(--borde);border-radius:6px;background:#fff;color:var(--texto)}.contenido button:hover:not(:disabled){background:var(--azul-claro)}.contenido button:focus-visible,.contenido input:focus-visible,.contenido select:focus-visible{outline:3px solid var(--amarillo);outline-offset:1px}.contenido button:disabled{opacity:.45;cursor:default}.contenido button.primario{background:var(--azul);border-color:var(--azul);color:#fff}.contenido button.peligro{color:var(--alerta);border-color:#e3b5a8}.contenido button[aria-pressed=true],.pestanas button[aria-selected=true]{background:var(--azul);border-color:var(--azul);color:#fff}.acciones{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.proyectos{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}.proyectos li{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--borde);border-radius:8px}.proyectos li>div{flex:1;display:flex;flex-direction:column}.detalle{color:var(--texto-suave);font-size:.875rem}.app--editor{height:100vh}.contenido--editor{max-width:none;padding:0;min-height:0;display:flex}.editor{flex:1;min-height:0;display:grid;grid-template-columns:210px 1fr 260px;grid-template-rows:auto 1fr auto;grid-template-areas:"barra barra barra" "paleta lienzo propiedades" "pestanas pestanas pestanas"}.barra{grid-area:barra;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.35rem .75rem;border-bottom:1px solid var(--borde);background:#f6f8fc;font-size:.85rem}.barra button{padding:.2rem .5rem}.barra-nombre{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separador{width:1px;height:1.5rem;background:var(--borde);margin:0 .25rem}.barra-estado{margin-left:auto;font-size:.8rem;color:var(--texto-suave)}.paleta{grid-area:paleta;overflow-y:auto;padding:.5rem;border-right:1px solid var(--borde)}.paleta h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);margin:.75rem 0 .25rem}.paleta-simbolos{display:grid;gap:.25rem}.contenido .paleta-boton{display:flex;align-items:center;gap:.5rem;padding:.2rem .4rem;text-align:left;font-size:.8rem;line-height:1.2}.miniatura{flex:none;width:34px;height:30px;color:var(--texto)}.paleta-boton[aria-pressed=true] .miniatura{color:#fff}.zona-lienzo{grid-area:lienzo;position:relative;min-width:0;min-height:0;background:#dfe4ec}.lienzo{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.lienzo.modo-colocar,.lienzo.modo-cable,.lienzo.trazando{cursor:crosshair}.ayuda-lienzo{position:absolute;left:.5rem;bottom:.5rem;margin:0;padding:.2rem .5rem;background:#ffffffe6;border-radius:4px;font-size:.8rem;pointer-events:none}.papel{fill:#fff;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .25))}.punto-cuadricula{fill:#b8c2d3}.trazo{fill:none;stroke:currentColor;stroke-width:.35;stroke-linecap:round;stroke-linejoin:round;color:#111;pointer-events:none}.trazo text{fill:currentColor;stroke:none;font-family:Helvetica,Arial,sans-serif}.trazo .relleno{fill:currentColor}.marco{color:#333}.componente.seleccionado .trazo{color:#0b5fff}.componente .toque{fill:transparent;stroke:none;pointer-events:all;cursor:move}.componente:hover .toque{fill:#0b5fff0f}.cable-trazo{fill:none;stroke:#111;stroke-width:.35;stroke-linejoin:round;pointer-events:none}.cable.seleccionado .cable-trazo{stroke:#0b5fff;stroke-width:.6}.cable-toque{stroke:transparent;stroke-width:2.5;pointer-events:stroke;cursor:pointer}.borne{fill:transparent;stroke:none;pointer-events:all;cursor:crosshair}.borne:not(.conectado){fill:#0b5fff1f}.borne:hover,.borne.activo{fill:#ffd23fd9;stroke:#b38600;stroke-width:.2}.modo-colocar .borne,.modo-colocar .toque,.modo-colocar .cable-toque{pointer-events:none}.cable-provisional{fill:none;stroke:#0b5fff;stroke-width:.4;stroke-dasharray:1 1;pointer-events:none}.fantasma{opacity:.5;color:#0b5fff}.propiedades{grid-area:propiedades;overflow-y:auto;padding:.75rem;border-left:1px solid var(--borde)}.propiedades h2{font-size:1rem;margin:0 0 .5rem}.propiedades h3{font-size:.95rem;margin:1rem 0 .5rem;color:var(--azul)}.campo{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.6rem}.campo label,.campo-rotulo{font-size:.8rem;font-weight:600}.campo input,.campo select{font:inherit;padding:.3rem .4rem;border:1px solid #8f9bb3;border-radius:4px}.campo input[aria-invalid=true]{border-color:var(--alerta)}.campo-error{margin:0;color:var(--alerta);font-size:.8rem}.nota-propiedad{font-size:.8rem;color:var(--texto-suave)}.nota-propiedad.aviso{color:var(--alerta);background:var(--alerta-fondo);padding:.4rem;border-radius:4px}.lista-contactos{margin:0;padding-left:1.1rem;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.pestanas{grid-area:pestanas;display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-top:1px solid var(--borde);background:#f6f8fc}.pestanas [role=tablist]{display:flex;gap:.25rem;overflow-x:auto}.pestana-titulo{opacity:.8}.boton-simular{font-weight:600}.contenido .boton-simular.activo{background:#1b7a34;border-color:#1b7a34;color:#fff}.editor.simulando .paleta{opacity:.45;pointer-events:none}.editor.simulando .zona-lienzo{background:#d7e6da}.cable-borde{fill:none;stroke:none;pointer-events:none}.cable[class*=potencial-] .cable-trazo{stroke-width:.7}.cable.potencial-L1 .cable-trazo{stroke:#e2b100}.cable.potencial-L2 .cable-trazo{stroke:#1e5ad1}.cable.potencial-L3 .cable-trazo{stroke:#d3261b}.cable.potencial-N .cable-borde{stroke:#7d7d7d;stroke-width:1.1}.cable.potencial-N .cable-trazo{stroke:#fff}.cable.potencial-PE .cable-trazo{stroke:#1f9d3a}.cable.potencial-Lmas .cable-trazo{stroke:#b0003a}.cable.potencial-M .cable-trazo{stroke:#0d2c6b}.cable.corto .cable-trazo{stroke:#ff3b00;stroke-width:1;stroke-dasharray:1.5 1;animation:corto .6s linear infinite}@keyframes corto{to{stroke-dashoffset:-2.5}}.leyenda{list-style:none;padding:0;margin:0;display:grid;gap:.25rem;font-size:.85rem}.leyenda li{display:flex;align-items:center;gap:.5rem}.leyenda .cable-trazo{stroke:#111;stroke-width:4}.leyenda .cable-borde{stroke-width:6}.componente.accionable .toque{cursor:pointer}.componente.accionable:hover .toque{fill:#1b7a341f}.componente.energizado .trazo,.componente.accionado .trazo{color:#1b7a34}.relleno-sim rect,.relleno-sim circle{fill:#ffd23f;stroke:none}.relleno-sim.color-verde circle{fill:#35d45a}.relleno-sim.color-rojo circle{fill:#ff4b3a}.relleno-sim.color-amarillo circle{fill:#ffd23f}.relleno-sim.color-blanco circle{fill:#f4f4f4}.relleno-sim.color-azul circle{fill:#4b8dff}.giro{pointer-events:none}.flecha-giro{fill:none;stroke:#1b7a34;stroke-width:.8}.punta-giro{fill:#1b7a34}.giro-horario{animation:girar 1.2s linear infinite}.giro-antihorario{animation:girar 1.2s linear infinite reverse}@keyframes girar{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.giro-horario,.giro-antihorario,.cable.corto .cable-trazo{animation:none}}.avisos{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.contenido .avisos button{width:100%;text-align:left;font-size:.85rem;line-height:1.35;color:var(--alerta);background:var(--alerta-fondo);border-color:#e3b5a8}