:root{--azul: #0078aa;--azul-oscuro: #005b81;--azul-medio: #0090cc;--negro: #212121;--azul-claro: #e6f3f8;--texto: #212121;--texto-suave: #6b7280;--borde: #e3e8ec;--fondo: #f4f7f9;--blanco: #fff;--verde: #047857;--verde-suave: #d1fae5;--ambar: #b45309;--ambar-suave: #fef3c7;--rojo: #b91c1c;--rojo-suave: #fee2e2;--gris-suave: #f3f4f6;--radio: 8px;--sombra: 0 1px 3px rgba(33, 33, 33, .08), 0 1px 2px rgba(33, 33, 33, .04);--fuente: "Castle T", Candara, Optima, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--fuente);background:var(--fondo);color:var(--texto);font-size:14px}h1,h2,h3{margin:0;font-weight:600}.app{display:flex;min-height:100vh}.barra-lateral{width:246px;flex-shrink:0;background:var(--azul);color:#ffffffc7;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.barra-lateral .marca{padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.18)}.barra-lateral .marca img{display:block;width:140px;max-width:100%;height:auto}.barra-lateral .marca span{display:block;margin-top:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.barra-lateral nav{padding:12px 8px;overflow-y:auto;flex:1}.barra-lateral .grupo{padding:14px 12px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c}.barra-lateral a{display:block;padding:9px 12px;border-radius:6px;color:#ffffffe6;text-decoration:none;margin-bottom:2px}.barra-lateral a:hover{background:#ffffff1f;color:var(--blanco)}.barra-lateral a.activo{background:var(--blanco);color:var(--azul);font-weight:600}.barra-lateral .pie{padding:14px 18px;border-top:1px solid rgba(255,255,255,.18);font-size:12px}.barra-lateral .pie strong{color:var(--blanco);display:block}.contenido{flex:1;min-width:0;display:flex;flex-direction:column}.encabezado{background:var(--blanco);border-bottom:1px solid var(--borde);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.encabezado h1{font-size:19px}.encabezado p{margin:2px 0 0;color:var(--texto-suave);font-size:13px}main{padding:22px 28px 48px;flex:1}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:18px}.tarjeta>header{padding:14px 18px;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tarjeta>header h2{font-size:15px}.tarjeta>header p{margin:2px 0 0;font-size:12px;color:var(--texto-suave)}.tarjeta .cuerpo{padding:18px}.indicadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.indicador{background:var(--blanco);border:1px solid var(--borde);border-left:4px solid var(--azul-medio);border-radius:var(--radio);padding:14px 16px;box-shadow:var(--sombra)}.indicador .valor{font-size:26px;font-weight:700;line-height:1.1}.indicador .etiqueta{color:var(--texto-suave);font-size:12px;margin-top:2px}.indicador.vigente{border-left-color:var(--verde)}.indicador.proximo{border-left-color:var(--ambar)}.indicador.vencido{border-left-color:var(--rojo)}.indicador.inactivo{border-left-color:#9ca3af}.indicador.clickable{cursor:pointer}.indicador.clickable:hover{background:var(--azul-claro)}.tabla-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--borde);vertical-align:middle}th{background:var(--gris-suave);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#4b5563;white-space:nowrap}tbody tr:hover{background:#fafbfc}td.numero{text-align:right;font-variant-numeric:tabular-nums}.vacio{padding:34px;text-align:center;color:var(--texto-suave)}.pastilla{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.estado-vigente{background:var(--verde-suave);color:var(--verde)}.estado-proximo{background:var(--ambar-suave);color:var(--ambar)}.estado-vencido{background:var(--rojo-suave);color:var(--rojo)}.estado-inactivo{background:var(--gris-suave);color:#4b5563}.pastilla.neutra{background:var(--azul-claro);color:var(--azul)}.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.campo{display:flex;flex-direction:column;gap:5px}.campo.ancho-total{grid-column:1 / -1}label{font-size:12.5px;font-weight:600;color:#374151}label .opcional{font-weight:400;color:var(--texto-suave)}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;background:var(--blanco);color:var(--texto);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul-medio);outline-offset:-1px;border-color:var(--azul-medio)}input[type=checkbox]{width:auto}textarea{resize:vertical;min-height:66px}.casilla{display:flex;align-items:center;gap:8px;font-size:13px}.casilla label{font-weight:400}.dias-semana{display:flex;gap:6px;flex-wrap:wrap}.dias-semana button{padding:6px 11px;border:1px solid #d1d5db;background:var(--blanco);border-radius:6px;cursor:pointer;font-size:12.5px}.dias-semana button.activo{background:var(--azul);border-color:var(--azul);color:var(--blanco);font-weight:600}button{font:inherit;cursor:pointer}.boton{padding:8px 15px;border-radius:6px;border:1px solid var(--azul);background:var(--azul);color:var(--blanco);font-weight:600;font-size:13px;white-space:nowrap}.boton:hover:not(:disabled){background:#1c3178}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{background:var(--blanco);color:var(--azul)}.boton.secundario:hover:not(:disabled){background:var(--azul-claro)}.boton.neutro{background:var(--blanco);color:#374151;border-color:#d1d5db}.boton.neutro:hover:not(:disabled){background:var(--gris-suave)}.boton.peligro{background:var(--rojo);border-color:var(--rojo)}.boton.peligro:hover:not(:disabled){background:#991b1b}.boton.chico{padding:5px 10px;font-size:12px}.acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.acciones.derecha{justify-content:flex-end}.aviso{padding:11px 14px;border-radius:6px;margin-bottom:14px;font-size:13px;border:1px solid transparent}.aviso.error{background:var(--rojo-suave);color:var(--rojo);border-color:#fca5a5}.aviso.exito{background:var(--verde-suave);color:var(--verde);border-color:#6ee7b7}.aviso.info{background:var(--azul-claro);color:var(--azul);border-color:#c7d2fe}.aviso.alerta{background:var(--ambar-suave);color:var(--ambar);border-color:#fcd34d}.cargando{padding:30px;text-align:center;color:var(--texto-suave)}.fondo-modal{position:fixed;inset:0;background:#1118278c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50}.modal{background:var(--blanco);border-radius:10px;width:100%;max-width:760px;box-shadow:0 20px 40px #00000040}.modal.angosto{max-width:480px}.modal.amplio{max-width:1100px}.modal>footer .boton:first-child{margin-left:0}.visor{width:100%;height:68vh;min-height:380px;border:1px solid var(--borde);border-radius:6px;background:var(--gris-suave)}iframe.visor{display:block}.visor-imagen{display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px}.visor-imagen img{max-width:100%;max-height:100%;object-fit:contain}.visor-texto{margin:0;padding:14px 16px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;background:var(--blanco);color:var(--texto)}.modal>header{padding:16px 20px;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center}.modal>header h2{font-size:16px}.modal .cuerpo{padding:20px}.modal>footer{padding:14px 20px;border-top:1px solid var(--borde);display:flex;justify-content:flex-end;gap:8px;background:#fafbfc;border-radius:0 0 10px 10px}.cerrar{background:none;border:none;font-size:22px;line-height:1;color:var(--texto-suave);padding:0 4px}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:18px;flex-wrap:wrap}.pestanas button{padding:9px 15px;border:none;background:none;border-bottom:2px solid transparent;color:var(--texto-suave);font-weight:600;font-size:13px}.pestanas button.activo{color:var(--azul);border-bottom-color:var(--azul)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--azul) 0%,var(--azul-oscuro) 55%,var(--negro) 100%);padding:20px}.login .caja{background:var(--blanco);padding:34px;border-radius:12px;width:100%;max-width:410px;box-shadow:0 18px 44px #21212157}.login .logo{display:block;width:186px;height:auto;margin:0 auto}.login .subtitulo{margin:22px 0 24px;padding-top:18px;border-top:1px solid var(--borde);text-align:center}.login .subtitulo strong{display:block;font-size:14.5px;font-weight:600;color:var(--texto)}.login .subtitulo span{display:block;margin-top:3px;font-size:12.5px;color:var(--texto-suave)}.login .campo{margin-bottom:14px}.login .boton{width:100%;padding:11px}.detalle-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.detalle-lista .dato .clave{font-size:11.5px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em}.detalle-lista .dato .valor{font-size:14px;margin-top:2px;word-break:break-word}.linea-tiempo{list-style:none;margin:0;padding:0}.linea-tiempo li{padding:11px 0 11px 16px;border-left:2px solid var(--borde);position:relative}.linea-tiempo li:before{content:"";position:absolute;left:-5px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--azul-medio)}.linea-tiempo .meta{font-size:12px;color:var(--texto-suave);margin-top:2px}.linea-tiempo .cambios{margin:6px 0 0;padding-left:18px;font-size:12.5px;color:#374151}.barra-progreso{height:8px;background:var(--gris-suave);border-radius:4px;overflow:hidden}.barra-progreso div{height:100%;background:var(--azul-medio)}@media(max-width:860px){.app{flex-direction:column}.barra-lateral{width:100%;height:auto;position:static}.barra-lateral nav{display:flex;flex-wrap:wrap;gap:4px}.barra-lateral .grupo{width:100%}main,.encabezado{padding-left:16px;padding-right:16px}}