:root{--rosa:#d6336c;--rosa-claro:#fde4ec;--borde:#e2e2e7;--texto:#1d1d1f;--suave:#6b6b73;--ok:#2b8a3e;--ok-claro:#e6f4ea;--error:#c92a2a;--error-claro:#fdecec;--aviso:#9a5b00;--aviso-claro:#fff4e0;--fondo:#f6f6f8;color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--fondo);margin:0}button{font:inherit;border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:8px;padding:7px 12px}button:hover:not(:disabled){border-color:#c4c4cc}button:disabled{opacity:.45;cursor:default}button.primario{background:var(--rosa);border-color:var(--rosa);color:#fff;font-weight:600}button.fantasma{background:0 0;border-color:#0000}input,select{font:inherit;border:1px solid var(--borde);background:#fff;border-radius:8px;padding:8px 10px}input:disabled{color:var(--suave);background:#f2f2f4}h1{margin:0;font-size:1.45rem}h2{margin:0;font-size:1.15rem}h3{margin:0 0 10px;font-size:1rem}.ayuda,small,.suave{color:var(--suave)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.9em}.error-txt{color:var(--error)}.ok-txt{color:var(--ok)}.aviso{background:var(--aviso-claro);color:var(--aviso);border-radius:8px;padding:10px 12px}.vacio{color:var(--suave);text-align:center;border:1px dashed var(--borde);background:#fff;border-radius:12px;padding:30px}.centro{place-items:center;min-height:100vh;padding:16px;display:grid}.tarjeta{border:1px solid var(--borde);background:#fff;border-radius:12px;margin-bottom:14px;padding:18px}.login{flex-direction:column;gap:4px;width:min(380px,100%);display:flex}.login h1{color:var(--rosa);flex-direction:column;margin-bottom:14px;display:flex}.login h1 small{font-size:.9rem;font-weight:400}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.menu{border-right:1px solid var(--borde);background:#fff;flex-direction:column;gap:2px;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0}.menu .marca{color:var(--rosa);flex-direction:column;padding:4px 10px 16px;font-size:1.2rem;font-weight:800;display:flex}.menu .marca small{font-size:.8rem;font-weight:400}.menu a{color:var(--texto);border-radius:8px;padding:9px 10px;text-decoration:none}.menu a:hover{background:var(--fondo)}.menu a.activo{background:var(--rosa-claro);color:#8c1d46;font-weight:600}.menu .espacio{flex:1}.menu .yo{flex-direction:column;padding:8px 10px;font-size:.9rem;display:flex}.menu .yo small{font-size:.8rem}.contenido{max-width:1280px;padding:22px 28px}.cabecera{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cabecera.chica h3{margin:0}.cabecera .cab-acciones,.cabecera.chica>button{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.segmentado{border:1px solid var(--borde);background:#fff;border-radius:8px;margin-bottom:12px;display:inline-flex;overflow:hidden}.cabecera .segmentado{margin-bottom:0}.segmentado button{border:none;border-right:1px solid var(--borde);border-radius:0}.segmentado button:last-child{border-right:none}.segmentado button.activo{background:var(--rosa-claro);color:#8c1d46;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--suave);border-bottom:1px solid var(--borde);padding:8px 10px;font-size:.85rem;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #f0f0f2;padding:9px 10px}.num{text-align:right;font-variant-numeric:tabular-nums}.tabla{border:1px solid var(--borde);border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden}tr.clic,td.clic{cursor:pointer}tr.clic:hover td,td.clic:hover{background:#fafafc}.scroll-x{overflow-x:auto}.matriz td.clic:hover{outline:2px solid var(--rosa-claro);outline-offset:-2px}.tag{color:#4a4a52;background:#f0f0f3;border-radius:999px;margin:1px 4px 1px 0;padding:2px 8px;font-size:.78rem;display:inline-block}.tag.ok{background:var(--ok-claro);color:var(--ok)}.pill{border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}.pill.ok{background:var(--ok-claro);color:var(--ok)}.pill.off{background:var(--error-claro);color:var(--error)}.pill.aviso{background:var(--aviso-claro);color:var(--aviso)}.pill.neutro{color:#3b4a7a;background:#eef0f6}.acciones-fila{white-space:nowrap;text-align:right}.acciones-fila button{margin-left:6px}.avisos{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.metricas{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}.metrica{border:1px solid var(--borde);background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.metrica span{color:var(--suave);font-size:.85rem}.metrica b{font-variant-numeric:tabular-nums;font-size:1.55rem}.grilla-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:0 14px;display:grid}.ancho-total{grid-column:1/-1}.barras{align-items:flex-end;gap:6px;padding-top:6px;display:flex;overflow-x:auto}.barra-col{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:56px;display:flex}.barra{background:var(--rosa);border-radius:5px 5px 0 0;width:70%}.barra-val{color:var(--suave);white-space:nowrap;font-size:.72rem}.barra-lbl{color:var(--suave);white-space:nowrap;font-size:.78rem}.modal-fondo{z-index:20;background:#14141e66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(480px,100%);max-height:92vh;padding:20px 22px;overflow:auto}.modal-cab{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.form{flex-direction:column;gap:12px;display:flex}.campo{color:var(--suave);flex-direction:column;flex:1;gap:5px;min-width:0;font-size:.9rem;display:flex}.campo input,.campo select{color:var(--texto);width:100%}.campo small{font-size:.8rem}.fila-campos{flex-wrap:wrap;gap:12px;display:flex}.fila-campos>*{flex:160px}.checks{flex-wrap:wrap;gap:6px 18px;display:flex}.checks label,.checks span{align-items:center;gap:6px;display:flex}.componentes{border:1px solid var(--borde);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.componentes legend{color:var(--suave);padding:0 4px;font-size:.9rem}.comp{flex-wrap:nowrap;align-items:center}.comp select{flex:3}.comp input{flex:1;width:80px}.comp button{flex:0}.acciones{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (width<=800px){.layout{grid-template-columns:1fr}.menu{flex-flow:wrap;height:auto;position:static}.menu .espacio,.menu .yo{display:none}.contenido{padding:14px}}.zona-peligro{border-top:1px solid var(--borde);margin-top:16px;padding-top:12px}.zona-peligro p{margin:0 0 8px}button.peligro-txt{color:var(--error);background:0 0;border-color:#0000;padding-left:0}button.peligro{background:var(--error);border-color:var(--error);color:#fff;font-weight:600}