:root{color-scheme:light;--primario: #5b4fcf;--primario-oscuro: #4a3fb8;--primario-suave: #ede9fc;--primario-tenue: #f6f4fe;--barra-fondo: #1a1637;--barra-texto: #b9b4d4;--barra-rotulo: #8b83c4;--superficie: #ffffff;--fondo: #f0f1f7;--borde: #e3e5ef;--borde-suave: #eef0f6;--texto: #2c2a3e;--texto-suave: #6f6b85;--exito: #167c52;--exito-suave: #e4f5ed;--peligro: #c8372d;--peligro-suave: #fdecea;--atencion: #9b6200;--atencion-suave: #fdf3e0;--tarjeta-oscura: #1a1637;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 20px;--e6: 24px;--e8: 32px;--e10: 40px;--radio-tarjeta: 14px;--radio-control: 10px;--sombra: 0 1px 2px rgb(26 22 55 / 4%), 0 6px 20px rgb(26 22 55 / 6%);--sombra-elevada: 0 8px 32px rgb(26 22 55 / 14%);--barra-ancho: 260px;--tactil: 44px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--primario)}.app{min-height:100vh}.barra-lateral{overflow-y:auto;position:fixed;inset:0 auto 0 0;width:var(--barra-ancho);background:var(--barra-fondo);display:flex;flex-direction:column;padding:var(--e6) var(--e4);z-index:30}.barra-lateral .marca{display:flex;align-items:center;gap:var(--e3);color:#fff;font-weight:650;font-size:17px;letter-spacing:-.01em;margin-bottom:var(--e6);padding:0 var(--e2)}.barra-lateral .logo{width:34px;height:34px;border-radius:var(--radio-control);background:var(--primario);display:grid;place-items:center;font-size:18px;font-weight:700;flex:0 0 auto}.barra-lateral .entorno{display:inline-block;margin-left:var(--e2);padding:2px 8px;border-radius:999px;background:var(--atencion);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}.barra-lateral .rotulo{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--barra-rotulo);margin-top:2px}.barra-lateral nav{display:flex;flex-direction:column;gap:var(--e1);flex:1}.barra-lateral nav a{display:flex;align-items:center;min-height:var(--tactil);padding:0 var(--e3);border-radius:var(--radio-control);text-decoration:none;color:var(--barra-texto);font-weight:500;font-size:14px}.barra-lateral nav a:hover{background:#ffffff12;color:#fff}.barra-lateral nav a[aria-current=page]{background:var(--primario);color:#fff;font-weight:600}.perfil{flex-shrink:0;display:flex;align-items:center;gap:var(--e3);padding:var(--e3) var(--e2) 0;border-top:1px solid rgb(255 255 255 / 10%);margin-top:var(--e4)}.perfil .avatar{width:36px;height:36px;border-radius:50%;background:var(--primario);color:#fff;display:grid;place-items:center;font-weight:650;font-size:13px;flex:0 0 auto}.perfil .quien{min-width:0;flex:1;display:grid}.perfil .nombre{display:block;color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perfil .papel{overflow-wrap:anywhere;color:var(--barra-rotulo);font-size:12px;line-height:1.35}.perfil .salir{background:none;border:none;color:var(--barra-texto);padding:var(--e2);min-height:var(--tactil);min-width:var(--tactil);cursor:pointer;border-radius:var(--radio-control)}.perfil .salir:hover{background:#ffffff12;color:#fff}.contenido{margin-left:var(--barra-ancho);padding:var(--e8);max-width:1280px}.hamburguesa,.velo{display:none}.encabezado{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--e4);margin-bottom:var(--e6);flex-wrap:wrap}.encabezado h1{font-size:clamp(24px,2.6vw,34px);margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.15}.encabezado .subtitulo{margin:var(--e2) 0 0;color:var(--texto-suave);font-size:15px}h2{font-size:17px;margin:0 0 var(--e4);font-weight:650;letter-spacing:-.01em}.encabezado.ajustado{margin-bottom:var(--e3)}.encabezado h2{margin:0}.encabezado .subtitulo.menor{font-size:14px}.monto{font-size:26px;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}.monto.grande{font-size:clamp(22px,13cqi,30px);letter-spacing:-.03em}h3{font-size:15px;margin:0 0 var(--e3);font-weight:650}.tarjeta{container-type:inline-size;background:var(--superficie);border-radius:var(--radio-tarjeta);padding:var(--e5);box-shadow:var(--sombra)}.contenido>*+*{margin-top:var(--e6)}.aparte{margin-top:var(--e6)}.datos{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--e2) var(--e4)}.datos dt{color:var(--texto-suave)}.datos dd{margin:0;min-width:0;overflow-wrap:anywhere}.menor{font-size:14px}.apunte{font-size:13px;color:var(--texto-suave)}.apunte.lista{margin:var(--e2) 0 0;padding-left:var(--e5)}.formulario{max-width:640px}.grupo{border:0;padding:0;margin:0 0 var(--e4)}.grupo legend{padding:0}.dia{margin-bottom:var(--e3)}.dia h3{font-size:15px}.dia h3 .suave{color:var(--texto-suave);font-weight:400}td a,.encabezado h2 a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tactil);min-width:var(--tactil)}.adjuntos{list-style:none;padding:0;margin:0 0 var(--e3)}.adjuntos li{display:flex;align-items:center;gap:var(--e2);flex-wrap:wrap}.adjuntos li a{display:inline-flex;align-items:center;min-height:var(--tactil);min-width:var(--tactil)}.adjuntos li+li{margin-top:var(--e2)}.rejilla{display:grid}.rejilla.dos{grid-template-columns:repeat(2,1fr)}.rejilla{gap:var(--e6)}.rejilla.dos:not(:has(>.tarjeta)){gap:var(--e4)}.rejilla.kpis{grid-template-columns:repeat(4,1fr)}.rejilla>*{min-width:0}.kpi{container-type:inline-size;background:var(--superficie);border-radius:var(--radio-tarjeta);padding:var(--e5);box-shadow:var(--sombra)}.kpi .rotulo{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-suave)}.kpi .valor{font-size:18px;font-size:clamp(18px,11cqi,34px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:var(--e2);overflow-wrap:anywhere}.kpi .nota{font-size:13px;font-weight:600;margin-top:var(--e1)}.kpi .nota.exito{color:var(--exito)}.kpi .nota.peligro{color:var(--peligro)}.kpi .nota.suave{color:var(--texto-suave);font-weight:500}.kpi.oscura{background:var(--tarjeta-oscura)}.kpi.oscura .valor{color:#fff}.kpi.oscura .rotulo{color:var(--barra-rotulo)}.kpi.oscura .nota.suave{color:var(--barra-texto)}tr.pulsable{cursor:pointer}.tabla-envoltura{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:700;color:var(--texto-suave);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:0 var(--e3) var(--e3);border-bottom:1px solid var(--borde)}td{padding:var(--e3);border-bottom:1px solid var(--borde-suave);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--primario-tenue)}td.derecha,th.derecha{text-align:right;font-variant-numeric:tabular-nums}td .secundario{color:var(--texto-suave);font-size:13px;margin-top:2px}.insignia{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--primario-suave);color:var(--primario);white-space:nowrap}.insignia.exito{background:var(--exito-suave);color:var(--exito)}.insignia.atencion{background:var(--atencion-suave);color:var(--atencion)}.insignia.peligro{background:var(--peligro-suave);color:var(--peligro)}.insignia.neutra{background:var(--borde);color:var(--texto)}.campo{display:flex;flex-direction:column;gap:var(--e2);margin-bottom:var(--e4)}.campo label,.campo legend{font-size:13px;font-weight:650;color:var(--texto)}.campo .ayuda{font-size:12px;color:var(--texto-suave)}.campo .error{font-size:12px;color:var(--peligro);font-weight:600}input,select,textarea{font:inherit;color:inherit;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-control);padding:11px var(--e3);width:100%;min-height:var(--tactil)}input:hover,select:hover,textarea:hover{border-color:#d3d6e4}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primario);outline-offset:2px}textarea{min-height:104px;resize:vertical}.opcion{display:inline-flex;align-items:center;gap:var(--e2);padding:var(--e2) var(--e3);min-height:var(--tactil);border:1px solid var(--borde);border-radius:var(--radio-control);background:var(--superficie);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.opcion input[type=checkbox]{width:auto;min-height:0;margin:0;accent-color:var(--primario)}.opcion:has(input:checked){border-color:var(--primario);background:var(--primario-tenue)}fieldset.campo{border:none;padding:0;margin:0 0 var(--e4)}button,a.boton{font:inherit;font-weight:650;border:1px solid transparent;border-radius:var(--radio-control);padding:0 var(--e5);min-height:var(--tactil);background:var(--primario);color:#fff;cursor:pointer;white-space:nowrap}a.boton{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover:not(:disabled),a.boton:hover{background:var(--primario-oscuro)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario,a.boton.secundario{background:var(--superficie);color:var(--texto);border-color:var(--borde)}button.secundario:hover:not(:disabled),a.boton.secundario:hover{background:var(--fondo)}button.exito,a.boton.exito{background:var(--exito)}button.exito:hover:not(:disabled),a.boton.exito:hover{filter:brightness(.92)}button.peligro,a.boton.peligro{background:var(--peligro)}button.peligro:hover:not(:disabled),a.boton.peligro:hover{filter:brightness(.92)}button.fantasma,a.boton.fantasma{background:none;color:var(--primario);border:none;padding:0 var(--e2)}button.fantasma:hover:not(:disabled),a.boton.fantasma:hover{background:var(--primario-suave)}.acciones{display:flex;gap:var(--e3);flex-wrap:wrap;align-items:center}.aviso{padding:var(--e3) var(--e4);border-radius:var(--radio-control);margin-bottom:var(--e4);font-size:14px;font-weight:500}.nota-exito{display:block;background:var(--exito-suave);color:var(--exito);border-radius:var(--radio-control);padding:var(--e2) var(--e3);font-size:13px;font-weight:650}.aviso.error{background:var(--peligro-suave);color:var(--peligro)}.aviso.exito{background:var(--exito-suave);color:var(--exito)}.vacio{color:var(--texto-suave);text-align:center;padding:var(--e10) var(--e4)}.vacio .titulo{font-weight:650;color:var(--texto);margin-bottom:var(--e1)}.linea{list-style:none;margin:0;padding:0}.linea li{display:grid;grid-template-columns:14px 1fr;gap:var(--e4);padding-bottom:var(--e5);position:relative}.linea li:before{content:"";width:11px;height:11px;border-radius:50%;background:var(--borde);margin-top:5px}.linea li.completado:before{background:var(--exito);box-shadow:0 0 0 3px var(--exito-suave)}.linea li.actual:before{background:var(--primario);box-shadow:0 0 0 3px var(--primario-suave)}.linea li.malo:before{background:var(--peligro);box-shadow:0 0 0 3px var(--peligro-suave)}.linea li.pendiente:before{background:var(--superficie);border:2px solid var(--borde);box-shadow:none}.linea li:not(:last-child):after{content:"";position:absolute;left:5px;top:20px;bottom:0;width:2px;background:var(--borde)}.linea .cuando{color:var(--texto-suave);font-size:13px;margin-top:2px}.login{min-height:100vh;display:grid;place-items:center;padding:var(--e6)}.login .tarjeta{width:100%;max-width:400px;padding:var(--e8)}.login h1{margin:0 0 var(--e1);font-size:26px}.login .subtitulo{color:var(--texto-suave);margin:0 0 var(--e6);font-size:15px}@media(max-width:1199px){.rejilla.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.rejilla.dos:has(>.tarjeta){grid-template-columns:1fr}}@media(max-width:1023px){.contenido{padding:var(--e6)}}@media(max-width:767px){.barra-lateral{transform:translate(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s;width:min(300px,84vw);box-shadow:var(--sombra-elevada)}.barra-lateral.abierta{transform:none;visibility:visible}.velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a163773;border:none;padding:0;z-index:20}.hamburguesa{display:inline-grid;place-items:center;position:sticky;top:0;z-index:10;width:var(--tactil);height:var(--tactil);margin:var(--e3) 0 0 var(--e3);background:var(--superficie);color:var(--texto);border:1px solid var(--borde);border-radius:var(--radio-control);font-size:18px;padding:0}.contenido{margin-left:0;padding:var(--e4)}.datos{grid-template-columns:1fr;gap:var(--e1)}.datos dd{margin-bottom:var(--e3)}.tarjeta .encabezado:not(.ajustado){margin-bottom:var(--e5)}.rejilla.kpis,.rejilla.dos{grid-template-columns:1fr}.tarjeta{padding:var(--e4)}table thead{display:none}table,tbody,tr,td{display:block;width:100%}tbody tr{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-control);padding:var(--e3);margin-bottom:var(--e3)}tbody tr:hover{background:var(--superficie)}tbody tr:last-child{margin-bottom:0}td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e4);padding:var(--e2) 0;border-bottom:none;text-align:right}td:before{content:attr(data-etiqueta);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave);text-align:left;flex:0 0 auto}td:not([data-etiqueta]):before{content:none}td:not([data-etiqueta]){justify-content:stretch}td:not([data-etiqueta]) button{width:100%}td.derecha,td .secundario{text-align:right}.acciones{flex-direction:column;align-items:stretch}.acciones button,.opcion{width:100%}}@media(max-width:380px){.contenido,.tarjeta{padding:var(--e3)}td{gap:var(--e2)}}@media(prefers-reduced-motion:reduce){.barra-lateral{transition:none}}