:root{--nb-blue-50:#f6f9fb;--nb-blue-300:#b1cfe8;--nb-blue-500:#4397e0;--nb-blue-700:#125fa2;--nb-blue-900:#052b4c;--gics-teal-50:#effafb;--gics-teal-300:#74e0ec;--gics-teal-500:#0097a7;--gics-teal-700:#005e68;--gics-teal-900:#002a2f;--gics-navy-50:#edf3f9;--gics-navy-300:#65a5df;--gics-navy-500:#073763;--gics-navy-700:#012241;--gics-navy-900:#000f1e;--success-50:#f0fdf4;--success-300:#86efac;--success-500:#16a34a;--success-700:#166534;--success-900:#14532d;--error-50:#fef2f2;--error-300:#fca5a5;--error-500:#dc2626;--error-700:#991b1b;--error-900:#7f1d1d;--warning-50:#fffbeb;--warning-300:#fcd34d;--warning-500:#f59e0b;--warning-700:#b45309;--warning-900:#78350f;--text-xs:.75rem;--text-sm:.85rem;--text-base:.9rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--radius-sm:6px;--radius-md:12px;--radius-pill:999px}*{box-sizing:border-box}body{color:#0f172a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-md);background:#fff;margin:0;line-height:1.5}:focus-visible{outline:2px solid var(--gics-teal-500);outline-offset:2px}table{border-collapse:collapse;background:#fff;width:100%}table th,table td{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-base);border-bottom:1px solid #e2e8f0}table th{background:#f8fafc;font-weight:600}table tbody tr:hover{cursor:pointer;background:#f8fafc}.tarjeta{border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5);background:#fff;border:1px solid #e2e8f0}.filtros{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.campo{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.campo label{color:#334155;font-weight:600}.campo input,.campo select,.campo textarea{padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-base);border:1px solid #7d8fa3}button{font-family:inherit}.boton{background:var(--nb-blue-700);color:#fff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--text-base);border:none}.boton:hover{background:var(--nb-blue-900)}.boton:disabled{cursor:not-allowed;background:#94a3b8}.boton-secundario{color:#334155;background:#fff;border:1px solid #cbd5e1}.boton-secundario:hover{background:#f1f5f9}.boton-peligro{background:var(--error-500)}.boton-peligro:hover{background:var(--error-700)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);color:#334155;background:#e2e8f0;font-weight:600;display:inline-block}.aviso{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-base)}.aviso-error{background:var(--error-50);color:var(--error-700)}.aviso-info{background:var(--nb-blue-50);color:var(--nb-blue-700)}.aviso-ok{background:var(--success-50);color:var(--success-700)}.modal-fondo{z-index:50;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-caja{border-radius:var(--radius-md);padding:var(--space-5);background:#fff;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.formulario{gap:var(--space-3);flex-direction:column;display:flex}.formulario-acciones{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}.tabs{gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;display:flex}.tabs a,.tabs button{padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--text-base);color:#64748b;background:0 0;border:none;border-bottom:2px solid #0000;text-decoration:none}.tabs a.tab-activo,.tabs button.tab-activo{color:var(--nb-blue-700);border-bottom-color:var(--nb-blue-700);font-weight:600}.tarjeta-detalle{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;display:grid}.tarjeta-detalle dt{font-size:var(--text-sm);color:#64748b;font-weight:600}.tarjeta-detalle dd{margin:var(--space-1) 0 0;font-size:var(--text-md)}.tabla-scroll{overflow-x:auto}@media (width<=640px){.filtros{flex-direction:column;align-items:stretch}.modal-caja{max-width:100%;margin:0 var(--space-3)}.formulario-acciones{flex-wrap:wrap}.tabla-scroll{overflow-x:visible}.tabla-scroll table{border-radius:var(--radius-md);border:1px solid #e2e8f0}.tabla-scroll thead{display:none}.tabla-scroll tbody tr{padding:var(--space-2) var(--space-3);display:block}.tabla-scroll tbody tr+tr{border-top:1px solid #e2e8f0}.tabla-scroll td{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-1) 0;border-bottom:none;flex-wrap:wrap;display:flex}.tabla-scroll td[data-label]:before{content:attr(data-label);color:#334155;flex-shrink:0;font-weight:600}}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:240px;color:var(--gics-navy-700);padding:var(--space-5) var(--space-4);gap:var(--space-5);background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;display:flex}.app-titulo{font-weight:600}.app-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.app-nav a{color:#475569;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none}.app-nav a:hover{color:var(--gics-navy-700);background:#eef2f6}.app-nav a.nav-activo{color:var(--gics-navy-700);background:var(--gics-teal-300);font-weight:600}.app-tipo-proyecto{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gics-navy-700);background:var(--nb-blue-50);border:1px solid var(--nb-blue-300);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-weight:600;text-decoration:none;display:flex}.app-tipo-proyecto-cambiar{font-size:var(--text-xs);color:#64748b;font-weight:400;text-decoration:underline}.app-usuario{gap:var(--space-2);font-size:var(--text-sm);padding-top:var(--space-4);border-top:1px solid #e2e8f0;flex-direction:column;display:flex}.app-usuario button{color:var(--gics-navy-700);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2);cursor:pointer;background:0 0;border:1px solid #7d8fa3}.app-contenido{min-width:0;padding:var(--space-5);box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto}.app-sidebar-toggle,.app-sidebar-fondo{display:none}@media (width<=860px){.app-layout{flex-direction:column}.app-sidebar-toggle{top:var(--space-3);left:var(--space-3);z-index:60;background:var(--gics-navy-900);color:#f8fafc;border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;font-size:var(--text-lg);cursor:pointer;border:none;display:block;position:fixed}.app-sidebar{z-index:55;height:100vh;transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.app-sidebar-abierto{transform:translate(0)}.app-sidebar-fondo{z-index:50;background:#0f172a80;display:block;position:fixed;inset:0}.app-contenido{padding:var(--space-7) var(--space-4) var(--space-5)}}.portada{text-align:center;justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;min-height:calc(100vh - 3rem);display:flex;position:relative}.portada-logo{top:var(--space-4);object-fit:contain;max-width:180px;max-height:72px;position:absolute}.portada-logo-izquierda{left:var(--space-5)}.portada-logo-derecha{right:var(--space-5)}.portada-logo-centro{max-height:48px;left:50%;transform:translate(-50%)}.portada-bienvenida h1{margin:0 0 var(--space-2);font-size:var(--text-2xl);color:var(--gics-navy-700);line-height:1.15}.portada-bienvenida p{color:#64748b;font-size:var(--text-md);margin:0}.portada-opciones{justify-content:center;gap:var(--space-5);flex-wrap:wrap;width:100%;max-width:720px;display:flex}.portada-tarjeta{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5);cursor:pointer;background:#fff;border:1px solid #e2e8f0;flex-direction:column;flex:260px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.portada-tarjeta:hover,.portada-tarjeta:focus-visible{border-color:var(--nb-blue-500);outline:none;transform:translateY(-2px);box-shadow:0 4px 16px #4397e02e}.portada-tarjeta-titulo{font-size:var(--text-lg);color:var(--gics-navy-700);font-weight:700}.portada-tarjeta-descripcion{font-size:var(--text-base);color:#64748b}@media (width<=640px){.portada{min-height:auto;padding:var(--space-7) 0 var(--space-6);gap:var(--space-6)}.portada-tarjeta{padding:var(--space-5) var(--space-5);flex:100%}.portada-logo{max-width:120px;max-height:48px}.portada-logo-izquierda{top:var(--space-3);left:3.5rem}.portada-logo-derecha{top:var(--space-3)}.portada-logo-centro{max-height:36px;top:3.5rem}}