: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}.vistas{display:inline-flex;gap:0}.contenido .vistas button{border-radius:0}.contenido .vistas button:first-child{border-radius:6px 0 0 6px}.contenido .vistas button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.editor.editor-plc{grid-template-columns:210px 1fr 300px;grid-template-rows:auto 1fr;grid-template-areas:"barra barra barra" "paleta lienzo propiedades"}.zona-ladder{overflow:auto;background:#f7f9fc}.zona-ladder .ayuda-lienzo{position:sticky;left:.5rem;bottom:.5rem;display:inline-block;margin:0 .5rem .5rem}.editor-plc.simulando .zona-ladder{background:#eef6f0}.editor-plc.simulando .paleta{opacity:.45;pointer-events:none}.programa-ladder{min-height:100%;padding:1rem 1rem 3rem;color:#222}.peldano{margin-bottom:.75rem;padding:.25rem .5rem .5rem;border:1px solid transparent;border-radius:8px}.peldano.elegido{background:var(--azul-claro);border-color:var(--borde)}.peldano-encabezado{display:flex;align-items:baseline;gap:.5rem;font-size:.8rem}.contenido .peldano-numero{padding:0 .4rem;font-size:.75rem;font-weight:600}.peldano-comentario{font-style:italic;color:var(--texto-suave)}.peldano-cuerpo{display:flex;align-items:stretch;margin-top:.75rem}.riel{flex:none;width:3px;background:#333}.simulando .peldano-cuerpo>.riel:first-child{background:#1b7a34}.ladder-serie{display:flex;align-items:flex-start}.ladder-linea{flex:1;min-width:12px;height:64px;background:linear-gradient(#333,#333) 0 31px / 100% 2px no-repeat}.contenido .ladder-elemento{position:relative;flex:none;width:56px;height:64px;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:#222;font-size:11px;line-height:1.1}.contenido .ladder-elemento:hover{background:#0b5fff14}.contenido .ladder-elemento.seleccionado{outline:2px dashed #0b5fff;outline-offset:-2px;background:#0b5fff14}.ladder-elemento.activo{color:#1b7a34}.ladder-etiqueta{position:absolute;top:1px;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:600}.ladder-direccion{position:absolute;bottom:1px;left:50%;transform:translate(-50%);white-space:nowrap;color:var(--texto-suave);font-size:10px}.simbolo-ladder{display:block;width:56px;height:64px;fill:none;stroke:currentColor;stroke-width:2.2}.simbolo-ladder text{fill:currentColor;stroke:none;font:700 12px system-ui,sans-serif}.ladder-elemento.activo .simbolo-ladder{stroke-width:3}.contenido .ladder-bloque{width:104px;background:linear-gradient(currentColor,currentColor) 0 31px / 100% 2px no-repeat}.ladder-caja{position:absolute;top:14px;bottom:2px;left:14px;right:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid currentColor;background:#fff;font-size:10px}.ladder-bloque.activo .ladder-caja{background:#e3f5e8}.ladder-paralelo{display:flex;flex-direction:column}.ladder-rama{position:relative;display:flex;padding:0 12px;background:linear-gradient(#333,#333) 0 31px / 12px 2px no-repeat,linear-gradient(#333,#333) 100% 31px / 12px 2px no-repeat}.ladder-rama:before,.ladder-rama:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#333}.ladder-rama:before{left:0}.ladder-rama:after{right:0}.ladder-rama:first-child:before,.ladder-rama:first-child:after{top:31px}.ladder-rama:last-child:before,.ladder-rama:last-child:after{bottom:auto;height:33px}.icono-bloque{flex:none;width:34px;padding:2px 0;border:1.5px solid currentColor;border-radius:3px;text-align:center;font-size:.65rem;font-weight:700}.paleta-ladder .simbolo-ladder{flex:none;width:34px;height:30px}.tabla-variables{width:100%;border-collapse:collapse;font-size:.8rem}.tabla-variables th,.tabla-variables td{padding:1px 2px;text-align:left}.tabla-variables th[scope=row]{font-family:ui-monospace,Consolas,monospace;font-weight:500}.tabla-variables input{width:100%;font:inherit;padding:1px 3px;border:1px solid var(--borde);border-radius:3px}.es-lista{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.es-entrada,.es-salida{display:flex;align-items:center;gap:.35rem;min-width:0;padding:.2rem .35rem;border:1px solid var(--borde);border-radius:6px;font-size:.75rem}.contenido .es-entrada{text-align:left}.contenido .es-entrada.forzada{border-color:#1b7a34;box-shadow:inset 0 0 0 1px #1b7a34}.es-led{flex:none;width:12px;height:12px;border-radius:50%;background:#9aa3b2}.es-entrada.activa .es-led{background:#35d45a}.es-salida.activa .es-led{background:#ff9f0a;box-shadow:0 0 6px #ff9f0a}.es-direccion{font-family:ui-monospace,Consolas,monospace}.es-nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.es-bloques{margin:0;padding-left:1rem;font-size:.8rem}.es-bloques .activa{color:#1b7a34}.escena{display:block;width:100%;max-width:260px;margin:0 auto}.escena .carcasa{fill:#dfe4ec;stroke:#555;stroke-width:1.5}.escena .eje{fill:#888}.escena .rotor{fill:#fff;stroke:#333;stroke-width:2}.escena .rotor.girando{stroke:#1b7a34;animation:girar .8s linear infinite}.escena .luz{fill:#3a3a3a;stroke:#222}.escena .luz-rojo.encendida{fill:#ff3b30}.escena .luz-amarillo.encendida{fill:#ffd23f}.escena .luz-verde.encendida{fill:#35d45a}.escena .banda{fill:#444;stroke:#222;stroke-dasharray:6 4}.escena .banda.moviendo{animation:banda .5s linear infinite}@keyframes banda{to{stroke-dashoffset:-10}}.escena .rodillo{fill:#888;stroke:#333}.escena .caja{fill:#c58b45;stroke:#7a5326}.escena .sensor{fill:#777}.escena .sensor.detecta{fill:#ff3b30}.escena .haz{stroke:#ff3b30;stroke-dasharray:2 2;opacity:.25}.escena .haz.detecta{opacity:1}@media(prefers-reduced-motion:reduce){.escena .rotor.girando,.escena .banda.moviendo{animation:none}}.cabecera .boton-cuenta{font:inherit;color:#fff;background:transparent;border:1px solid rgb(255 255 255 / .6);border-radius:6px;padding:.3rem .75rem;cursor:pointer;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabecera .boton-cuenta[aria-current=page]{background:#fff;color:var(--azul)}.cabecera .boton-cuenta:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}button.enlace,.contenido button.enlace,.pie button.enlace{padding:0;border:none;background:none;color:var(--azul);text-decoration:underline;font:inherit;cursor:pointer}.formulario-cuenta{max-width:440px}.formulario-cuenta .vistas{margin-bottom:1rem}.formulario-cuenta fieldset{border:none;padding:0}.formulario-cuenta legend{font-size:.8rem;font-weight:600}.opcion{display:inline-flex;align-items:center;gap:.3rem;margin-right:1rem}.datos-cuenta{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem}.datos-cuenta dt{font-weight:600}.datos-cuenta dd{margin:0}.zona-peligro{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--borde)}.indicador-sync{display:inline-flex;align-items:center;gap:.35rem;padding:.1rem .5rem;border-radius:999px;background:#eef1f6;font-size:.8rem;white-space:nowrap}.punto-sync{width:8px;height:8px;border-radius:50%;background:#9aa3b2}.sync-sincronizado .punto-sync{background:#1b7a34}.sync-sincronizando .punto-sync,.sync-pendiente .punto-sync{background:#e29d00}.sync-sin-conexion .punto-sync,.sync-error .punto-sync{background:var(--alerta)}.fila-formulario{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.fila-formulario .campo{margin-bottom:0;min-width:16rem}.campo textarea{font:inherit;padding:.3rem .4rem;border:1px solid #8f9bb3;border-radius:4px}.tarjeta-grupo{margin:1.25rem 0;padding:1rem 1.25rem;border:1px solid var(--borde);border-radius:10px}.tarjeta-grupo h2{margin-top:0}.codigo-grupo{font-family:ui-monospace,Consolas,monospace;font-size:1.4rem;letter-spacing:.15em;color:var(--azul)}.mono{font-family:ui-monospace,Consolas,monospace}.miembros{list-style:none;padding:0;display:grid;gap:.25rem}.miembros li{display:flex;align-items:center;gap:1rem}.miembros li>span:first-child{min-width:12rem}.miembros li>.mono{min-width:10rem}.hoja-credenciales table{border-collapse:collapse;margin:.5rem 0}.hoja-credenciales th,.hoja-credenciales td{padding:.35rem .75rem;border:1px solid var(--borde);text-align:left}.privacidad{max-width:720px}@media print{body:has(.imprimible) *{visibility:hidden}.imprimible,.imprimible *{visibility:visible}.imprimible{position:absolute;top:0;right:0;bottom:0;left:0;padding:1cm}.imprimible .no-imprimir{display:none}}.editor.solo-lectura .paleta{opacity:.45;pointer-events:none}.barra-revision{color:#7a4b00;max-width:28rem}.estado-entrega{display:inline-block;padding:0 .5rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#eef1f6}.estado-pendiente{background:#fff4d6;color:#7a4b00}.estado-vencida{background:var(--alerta-fondo);color:var(--alerta)}.estado-entregada{background:#e3f5e8;color:#1b7a34}.estado-tarde{background:#ffe9d1;color:#8a4b00}.asignaciones{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--borde)}.lista-asignaciones{list-style:none;padding:0;display:grid;gap:.5rem}.fila-asignacion{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tabla-entregas{border-collapse:collapse;margin:.5rem 0 1rem;font-size:.9rem}.tabla-entregas th,.tabla-entregas td{padding:.3rem .75rem;border-bottom:1px solid var(--borde);text-align:left}.formulario-asignar{max-width:520px}.enunciado{white-space:pre-wrap}.lista-comentarios{list-style:none;padding:0;display:grid;gap:.5rem}.lista-comentarios li{padding:.4rem .6rem;border-radius:8px;background:#f1f4f9}.lista-comentarios li.propio{background:var(--azul-claro)}.lista-comentarios p{margin:.15rem 0 0;white-space:pre-wrap}.comentario-autor{font-size:.75rem;color:var(--texto-suave)}