:root{--color-fondo: #f4f6f9;--color-superficie: #ffffff;--color-superficie-dos: #f9fafb;--color-borde: #e2e8f0;--color-texto: #1e293b;--color-texto-suave: #64748b;--color-primario: #1d4ed8;--color-primario-hover: #1e40af;--color-primario-claro: #eff6ff;--color-acento: #0f766e;--color-peligro: #dc2626;--color-peligro-claro: #fef2f2;--color-bien: #16a34a;--color-alerta: #d97706;--radio: 8px;--sombra: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--sombra-elevada: 0 10px 25px rgba(15, 23, 42, .12);--fuente: "Segoe UI", system-ui, -apple-system, sans-serif;--sidebar-ancho: 264px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--fuente);font-size:14px;color:var(--color-texto);background:var(--color-fondo);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:650}a{color:var(--color-primario);text-decoration:none}.app-layout{display:grid;grid-template-columns:var(--sidebar-ancho) 1fr;height:100vh;height:100dvh}.sidebar{display:flex;flex-direction:column;background:#0f172a;color:#cbd5e1;overflow:hidden}.sidebar-marca{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid rgba(148,163,184,.15)}.sidebar-marca svg{color:#38bdf8}.sidebar-marca .marca-logo{width:auto;height:34px;max-height:42px;object-fit:contain}.sidebar-marca strong{color:#f8fafc;font-size:16px;letter-spacing:.4px}.contenido{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto}.barra-superior{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--color-superficie);border-bottom:1px solid var(--color-borde)}.barra-superior .usuario{display:flex;align-items:center;gap:10px;color:var(--color-texto-suave)}.pagina{padding:24px;flex:1;min-width:0}.accordion-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}.accordion-menu::-webkit-scrollbar{width:10px}.accordion-menu::-webkit-scrollbar-track{background:transparent}.accordion-menu::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:5px;border:2px solid #0f172a}.accordion-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:transparent;color:#cbd5e1;font-size:13.5px;font-family:inherit;text-align:left;cursor:pointer;border-radius:6px;margin:1px 0}.menu-item:hover{background:#94a3b81f;color:#f8fafc}.menu-item.activo{background:var(--color-primario);color:#fff}.menu-item .icono{width:18px;height:18px;flex-shrink:0;opacity:.9;transition:color .15s ease}.menu-item .flecha{margin-left:auto;transition:transform .15s ease}.menu-item.abierto .flecha{transform:rotate(90deg)}.menu-hijos{margin-left:14px;border-left:1px solid rgba(148,163,184,.2);padding-left:6px}.menu-hijos .menu-item{font-size:13px;padding:7px 10px}.campo{display:flex;flex-direction:column;gap:5px;min-width:0}.campo label{font-size:12px;font-weight:600;color:var(--color-texto-suave);text-transform:uppercase;letter-spacing:.4px}.checkbox-linea{display:flex;align-items:center;gap:8px;margin-top:6px;text-transform:none!important;letter-spacing:normal!important;font-size:13px!important;cursor:pointer}.checkbox-linea input{width:16px;height:16px;accent-color:var(--color-primario);cursor:pointer}.input,.select,.textarea{padding:8px 10px;border:1px solid var(--color-borde);border-radius:var(--radio);font:inherit;color:var(--color-texto);background:var(--color-superficie);width:100%;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px #1d4ed81f}.input:disabled,.select:disabled{background:var(--color-superficie-dos);color:var(--color-texto-suave);cursor:not-allowed}.textarea{resize:vertical;min-height:72px}.select-celda{width:56px;padding:5px 6px;text-align:center}.tabla-scroll{overflow-x:auto}.tabla-scroll .tabla{min-width:max-content}.grid-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.grid-form .grid-2,.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.fila-acciones{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid transparent;border-radius:var(--radio);font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primario{background:var(--color-primario);color:#fff}.btn-primario:hover:not(:disabled){background:var(--color-primario-hover)}.btn-secundario{background:var(--color-superficie);border-color:var(--color-borde);color:var(--color-texto)}.btn-secundario:hover:not(:disabled){background:var(--color-superficie-dos)}.btn-peligro{background:var(--color-peligro);color:#fff}.btn-peligro:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:var(--color-texto-suave)}.btn-ghost:hover:not(:disabled){background:var(--color-superficie-dos);color:var(--color-texto)}.btn-sm{padding:5px 9px;font-size:12.5px}.tarjeta{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra)}.tarjeta-titulo{padding:14px 18px;border-bottom:1px solid var(--color-borde);display:flex;align-items:center;justify-content:space-between;gap:12px}.tarjeta-titulo h3{font-size:15px}.tarjeta-cuerpo{padding:18px}.cabecera-pagina{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.cabecera-pagina h2{font-size:20px}.miga{font-size:12.5px;color:var(--color-texto-suave);margin-top:4px}.miga a{color:var(--color-primario)}.tabla{width:100%;border-collapse:collapse;font-size:13.5px}.tabla th{text-align:left;padding:9px 12px;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-texto-suave);border-bottom:1px solid var(--color-borde);background:var(--color-superficie-dos)}.tabla td{padding:9px 12px;border-bottom:1px solid var(--color-borde);vertical-align:top}.tabla tr:hover td{background:var(--color-superficie-dos)}.tabla .acciones{display:flex;gap:6px;justify-content:flex-end}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge-azul{background:var(--color-primario-claro);color:var(--color-primario)}.badge-verde{background:#f0fdf4;color:var(--color-bien)}.badge-amarillo{background:#fffbeb;color:var(--color-alerta)}.badge-rojo{background:var(--color-peligro-claro);color:var(--color-peligro)}.badge-gris{background:var(--color-superficie-dos);color:var(--color-texto-suave)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.modal{background:var(--color-superficie);border-radius:var(--radio);box-shadow:var(--sombra-elevada);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-titulo{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-borde)}.modal-titulo h3{font-size:16px}.modal-cuerpo{padding:20px}.modal-pie{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--color-borde)}.toast-region{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:60}.toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radio);background:var(--color-texto);color:#fff;box-shadow:var(--sombra-elevada);font-size:13.5px;animation:toast-entrada .2s ease;max-width:380px}.toast-exito{background:#065f46}.toast-error{background:#991b1b}.toast-info{background:#1e3a8a}@keyframes toast-entrada{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--color-borde);margin-bottom:18px}.tab{padding:9px 16px;border:none;background:transparent;font:inherit;font-weight:600;color:var(--color-texto-suave);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--color-texto)}.tab.activo{color:var(--color-primario);border-bottom-color:var(--color-primario)}.editor-arbol .nodo{margin:6px 0}.editor-arbol .nodo-caja{display:flex;align-items:center;gap:6px}.editor-arbol .nodo-fila{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--color-borde);border-radius:var(--radio);background:var(--color-superficie);flex:1;margin-bottom:4px}.editor-arbol .nodo-fila.rojo{border-left:4px solid var(--color-peligro)}.editor-arbol .nodo-fila.naranja{border-left:4px solid var(--color-alerta)}.editor-arbol .nodo-fila.azul{border-left:4px solid var(--color-primario)}.editor-arbol .nodo-botonera{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding-top:4px}.btn-rama{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-borde);background:var(--color-superficie);border-radius:6px;cursor:pointer;color:var(--color-texto-suave)}.btn-rama:hover{border-color:var(--color-primario);color:var(--color-primario)}.nodo-hijos{margin-left:34px;padding-left:14px;border-left:2px solid var(--color-borde)}.vacio{text-align:center;color:var(--color-texto-suave);padding:40px 16px;border:1px dashed var(--color-borde);border-radius:var(--radio);background:var(--color-superficie-dos)}.fila{display:flex;align-items:center;gap:10px}.fila-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.columna{display:flex;flex-direction:column;gap:14px}.texto-suave{color:var(--color-texto-suave)}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mb-4{margin-bottom:16px}.panel-resumen{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.panel-resumen .dato{background:var(--color-primario-claro);border:1px solid #dbeafe;border-radius:var(--radio);padding:14px 16px}.panel-resumen .dato .valor{font-size:22px;font-weight:700;color:var(--color-primario)}.panel-resumen .dato .etiqueta{font-size:12px;color:var(--color-texto-suave);text-transform:uppercase;letter-spacing:.4px}@media (max-width: 880px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}}.cadena-flecha{text-align:center;color:var(--color-texto-suave);font-size:18px;line-height:1;padding:10px 0}.cadena-eslabon{border:1px solid var(--color-borde);border-left:4px solid var(--color-primario);border-radius:8px;padding:14px;background:var(--color-superficie-dos)}.cadena-cabecera{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cadena-cabecera .btn{margin-left:auto}.cadena-nodo{border:1px solid var(--color-borde);background:var(--color-superficie);border-radius:6px;padding:10px 12px;margin-bottom:8px}.cadena-nodo:last-child{margin-bottom:0}.barra-progreso{height:8px;border-radius:999px;background:var(--color-superficie-dos);border:1px solid var(--color-borde);overflow:hidden}.barra-progreso-relleno{height:100%;border-radius:999px;min-width:4px;transition:width .3s ease}.madurez-componente{padding:10px 12px;border:1px solid var(--color-borde);border-radius:8px;background:var(--color-superficie-dos);font-size:13px}.widget-opciones{display:flex;flex-wrap:wrap;gap:8px}.widget-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--color-borde);border-radius:999px;font-size:13px;cursor:pointer;background:var(--color-superficie);-webkit-user-select:none;user-select:none}.widget-chip:has(input:checked){background:var(--color-primario-claro);border-color:var(--color-primario);color:var(--color-primario);font-weight:600}.manual{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;max-width:1200px;line-height:1.55}.manual-contenido{min-width:0}.manual h1{font-size:22px;margin:30px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--color-primario)}.manual h2{font-size:17px;margin:26px 0 10px;color:var(--color-primario)}.manual h3{font-size:14.5px;margin:20px 0 8px}.manual p{margin:8px 0}.manual ul,.manual ol{margin:8px 0;padding-left:22px}.manual li{margin:3px 0}.manual blockquote{border-left:4px solid var(--color-primario);background:var(--color-primario-claro);margin:12px 0;padding:8px 14px;border-radius:0 var(--radio) var(--radio) 0;color:var(--color-texto-suave)}.manual code{background:var(--color-superficie-dos);border:1px solid var(--color-borde);border-radius:4px;padding:1px 5px;font-size:12px;font-family:Cascadia Code,Consolas,monospace}.manual .tabla-scroll{margin:12px 0}.manual .tabla th:nth-child(3){width:84px;text-align:center}.manual .tabla td:nth-child(3){text-align:center}.manual-toc{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:16px 20px;margin:0}.manual-toc strong{display:block;margin-bottom:8px;color:var(--color-texto-suave);text-transform:uppercase;font-size:12px;letter-spacing:.5px}.manual-toc ol,.manual-toc ul{margin:0;padding-left:20px}.manual-toc a{color:var(--color-texto);font-size:13.5px}.manual-toc a:hover{color:var(--color-primario)}@media (max-width: 900px){.manual{grid-template-columns:1fr}.manual-toc{position:static;max-height:none;overflow:visible;margin-bottom:12px}}.grafico-dos-columnas{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px}.grafico-columna,.grafico-tabla{min-width:0}.grafico-panel{position:relative;width:100%;max-width:220px}.grafico-panel svg{display:block;width:100%;height:auto}.grafico-panel--pastel{max-width:170px}.grafico-con-leyenda{grid-template-columns:170px auto minmax(0,1fr)}.grafico-subtitulo{margin-top:3px;font-size:12.5px;font-weight:400;color:var(--color-texto-suave)}.grafico-serie{transition:opacity .15s}.grafico-serie.atenuado{opacity:.3}.grafico-serie:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px}.grafico-eje{stroke:var(--color-borde);stroke-width:1}.grafico-eje-base{stroke:var(--color-texto-suave);stroke-width:1}.grafico-etiqueta{font-size:10px;fill:var(--color-texto-suave)}.grafico-centro-valor{font-size:26px;font-weight:700;fill:var(--color-texto)}.grafico-centro-texto{font-size:11px;fill:var(--color-texto-suave)}.grafico-destaque{display:flex;flex-direction:column;gap:4px;padding:22px 0;text-align:center}.grafico-destaque-valor{font-size:30px;font-weight:700;color:var(--color-texto)}.grafico-destaque-texto{font-size:12.5px;color:var(--color-texto-suave)}.grafico-tooltip{position:absolute;z-index:2;transform:translate(-50%,-135%);padding:5px 9px;border-radius:var(--radio);background:var(--color-texto);color:var(--color-superficie);font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:var(--sombra-elevada)}.grafico-vacio{padding:22px 0;font-size:12.5px;color:var(--color-texto-suave)}.grafico-leyenda{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px;padding:0;list-style:none}.grafico-con-leyenda .grafico-leyenda{flex-direction:column;flex-wrap:nowrap;gap:6px;margin-top:0;padding-top:2px}.grafico-leyenda-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-texto-suave);transition:opacity .15s}.grafico-leyenda-item.atenuado,.tabla tr.atenuado td{opacity:.45}.grafico-leyenda-marca{display:inline-block;flex:none;width:9px;height:9px;border-radius:2px}@media (max-width: 720px){.grafico-dos-columnas{grid-template-columns:minmax(0,1fr)}.grafico-panel{margin:0 auto}.grafico-con-leyenda .grafico-leyenda{flex-direction:row;flex-wrap:wrap;gap:4px 12px;margin-top:10px}}