:root{--petroleo: #0e3a4f;--petroleo-2: #164b63;--petroleo-3: #1f5f7a;--lima: #9dc33b;--lima-2: #b9d86b;--verde: #11875d;--naranja: #e4632b;--azul: #1f7aae;--celeste: #e4f2fa;--celeste-2: #f3f9fd;--ok: #1e9e5a;--ok-suave: #e3f5ea;--alerta: #e0a019;--alerta-suave: #fdf3dc;--mal: #d64545;--mal-suave: #fbe6e6;--neutro: #8a9aa5;--neutro-suave: #eef2f5;--fondo: #eef2f5;--tarjeta: #ffffff;--borde: #dde5ea;--borde-2: #c9d5dc;--texto: #1b2b34;--texto-2: #4f6370;--texto-3: #7d8e99;--radio: 12px;--radio-s: 8px;--sombra: 0 1px 2px rgba(14, 58, 79, .06), 0 4px 14px rgba(14, 58, 79, .06);--sombra-2: 0 8px 30px rgba(14, 58, 79, .14);--degradado: linear-gradient(115deg, #e4632b 0%, #c8613f 30%, #5f6f88 62%, #1f7aae 100%);--menu: 248px;--barra: 64px;--fuente: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--fuente);font-size:14px;line-height:1.45;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased}.num,td.num,th.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}h1,h2,h3,h4{margin:0;line-height:1.2}h1{font-size:22px;font-weight:800;letter-spacing:-.01em}h2{font-size:16px;font-weight:700}h3{font-size:14px;font-weight:700}a{color:var(--azul);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid rgba(31,122,174,.35);outline-offset:2px}.app{display:grid;grid-template-columns:var(--menu) 1fr;min-height:100vh}.menu{background:var(--petroleo);color:#dbe7ed;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 12px}.marca{display:flex;align-items:center;gap:10px;padding:4px 10px 20px;color:#fff}.marca-logo{width:36px;height:36px;border-radius:10px;background:var(--degradado);display:grid;place-items:center;font-weight:800}.marca b{display:block;font-size:15px;letter-spacing:.04em}.marca small{display:block;font-size:11px;color:#9fbac7}.menu nav{display:flex;flex-direction:column;gap:2px}.menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radio-s);color:#c8dae2;font-weight:500;text-decoration:none}.menu a:hover{background:#ffffff12;color:#fff}.menu a.activo{background:#9dc33b29;color:#fff;box-shadow:inset 3px 0 0 var(--lima)}.menu .pie{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.menu .pie b{color:#fff;display:block;font-size:13px}.menu .pie button{margin-top:10px}.principal{min-width:0;display:flex;flex-direction:column}.barra{height:var(--barra);background:var(--tarjeta);border-bottom:1px solid var(--borde);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:20}.barra h1{font-size:18px;flex:1;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contenido{padding:22px 24px 40px;display:flex;flex-direction:column;gap:18px;max-width:1500px;width:100%}.cabecera{background:var(--degradado);color:#fff;border-radius:var(--radio);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:var(--sombra)}.cabecera h2{font-size:20px;font-weight:800}.cabecera p{margin:4px 0 0;opacity:.9;font-size:13px}.filtro{display:flex;flex-direction:column;background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio-s);overflow:hidden;min-width:170px}.filtro>span{background:var(--petroleo);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;letter-spacing:.03em}.filtro select{border:0;padding:6px 10px;background:transparent;outline:none}.conmutador{display:inline-flex;background:var(--neutro-suave);border-radius:999px;padding:3px}.conmutador button{border:0;background:transparent;padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--texto-2)}.conmutador button.activo{background:var(--petroleo);color:#fff;box-shadow:var(--sombra)}.tasa-chip{font-size:12px;color:var(--texto-2);white-space:nowrap}.tasa-chip b{color:var(--texto)}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);min-width:0}.tarjeta-cab{background:var(--petroleo);color:#fff;padding:9px 16px;border-radius:var(--radio) var(--radio) 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:13.5px}.tarjeta-cab.clara{background:var(--celeste);color:var(--petroleo)}.tarjeta-cuerpo{padding:16px}.tarjeta-cuerpo.sin-relleno{padding:0}.rejilla{display:grid;gap:18px}.rejilla.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.rejilla.dos{grid-template-columns:repeat(2,minmax(0,1fr))}.rejilla.tablero{grid-template-columns:1.2fr 1fr}.kpi{display:flex;gap:14px;align-items:center;padding:16px}.kpi-icono{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;flex:none}.kpi-icono.petroleo{background:var(--petroleo);color:var(--lima)}.kpi-icono.lima{background:#eff6dc;color:#5f8a12}.kpi-icono.verde{background:var(--ok-suave);color:var(--verde)}.kpi-icono.naranja{background:#fdebe2;color:var(--naranja)}.kpi-valor{font-size:24px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.kpi-etiqueta{color:var(--texto-2);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi-nota{font-size:12px;color:var(--texto-3);margin-top:2px}.progreso{position:relative;height:10px;background:var(--neutro-suave);border-radius:999px;overflow:hidden;min-width:90px}.progreso>i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--ok)}.progreso.alerta>i{background:var(--alerta)}.progreso.mal>i{background:var(--mal)}.progreso .meta{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--naranja)}.estado{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.estado:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.estado.ok{background:var(--ok-suave);color:var(--ok)}.estado.alerta{background:var(--alerta-suave);color:#a8740a}.estado.mal{background:var(--mal-suave);color:var(--mal)}.estado.neutro{background:var(--neutro-suave);color:var(--texto-3)}.etiqueta{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.02em}.etiqueta.reservada{background:#2b2140;color:#e9d9ff}.etiqueta.pendiente{background:var(--alerta-suave);color:#8d6008}.etiqueta.inactiva{background:var(--neutro-suave);color:var(--texto-3)}.etiqueta.nueva{background:var(--ok-suave);color:var(--ok)}.tabla-env{overflow-x:auto}table.tabla{width:100%;border-collapse:separate;border-spacing:0}.tabla-env>table.tabla{min-width:860px}.modal .tabla-env>table.tabla,.tarjeta-cuerpo:not(.sin-relleno) .tabla-env>table.tabla{min-width:0}.tabla th{background:var(--celeste);color:var(--petroleo);font-weight:700;font-size:12px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--borde);white-space:nowrap;position:sticky;top:0;z-index:1}.tabla td{padding:10px 12px;border-bottom:1px solid #edf1f4;vertical-align:middle}.tabla tbody tr:nth-child(2n) td{background:#fafcfd}.tabla tbody tr:hover td{background:var(--celeste-2)}.tabla tfoot td{font-weight:800;background:#f1f6f9;border-top:2px solid var(--borde-2)}.tabla .n1 td{font-weight:700}.tabla .n2 td:first-child{padding-left:34px}.tabla .n3 td{font-size:13px;color:var(--texto-2)}.tabla .n3 td:first-child{padding-left:58px}.tabla tr.n1 td{background:#fff}.tabla tr.n2 td{background:#f8fbfc}.tabla tr.n3 td{background:#fdfefe}.tabla tr.inactivo td{opacity:.55}.expandir{border:0;background:transparent;cursor:pointer;padding:2px;margin-right:6px;color:var(--texto-2);vertical-align:middle;border-radius:4px}.expandir:hover{background:var(--celeste)}.celda-nombre{display:flex;align-items:center;gap:6px;min-width:260px}.celda-nombre .txt{flex:1;min-width:0}.vacio{padding:36px 16px;text-align:center;color:var(--texto-3)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radio-s);border:1px solid transparent;background:var(--petroleo);color:#fff;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s}.boton:hover{background:var(--petroleo-2)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.lima{background:var(--lima);color:#22320a}.boton.lima:hover{background:#8fb52f}.boton.naranja{background:var(--naranja)}.boton.naranja:hover{background:#cf5521}.boton.claro{background:#fff;color:var(--petroleo);border-color:var(--borde-2)}.boton.claro:hover{background:var(--celeste-2)}.boton.peligro{background:#fff;color:var(--mal);border-color:#f0c4c4}.boton.peligro:hover{background:var(--mal-suave)}.boton.fantasma{background:transparent;color:inherit;border-color:#ffffff40}.boton.chico{padding:5px 10px;font-size:12.5px}.boton.icono{padding:7px}.formulario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.formulario .ancho{grid-column:1 / -1}.campo{display:flex;flex-direction:column;gap:5px;min-width:0}.campo>span{font-size:12.5px;font-weight:600;color:var(--texto-2)}.campo>span em{color:var(--mal);font-style:normal}.campo small{color:var(--texto-3);font-size:12px}.entrada,.campo input,.campo select,.campo textarea{width:100%;padding:9px 12px;border:1px solid var(--borde-2);border-radius:var(--radio-s);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.campo textarea{min-height:76px;resize:vertical}.entrada:focus,.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--azul);box-shadow:0 0 0 3px #1f7aae26}.campo input.num{text-align:right}.acciones{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;align-items:center}.fila-herr{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fila-herr .crece{flex:1}.buscar{position:relative;min-width:220px}.buscar input{padding-left:34px}.buscar svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--texto-3)}.aviso{border-radius:var(--radio-s);padding:11px 14px;display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.aviso.info{background:var(--celeste);color:var(--petroleo)}.aviso.ok{background:var(--ok-suave);color:#11653d}.aviso.alerta{background:var(--alerta-suave);color:#7a5306}.aviso.mal{background:var(--mal-suave);color:#9b2727}.aviso ul{margin:4px 0 0;padding-left:18px}.conversion{background:var(--celeste-2);border:1px dashed var(--borde-2);border-radius:var(--radio-s);padding:12px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.conversion div span{display:block;font-size:11.5px;color:var(--texto-3);font-weight:600;text-transform:uppercase}.conversion div b{font-size:17px;font-variant-numeric:tabular-nums}.velo{position:fixed;inset:0;background:#091e2973;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra-2);width:min(620px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.modal.ancho{width:min(980px,100%)}.modal-cab{padding:14px 18px;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-cuerpo{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-pie{padding:12px 18px;border-top:1px solid var(--borde)}.avisos-flotantes{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:60}.avisos-flotantes .aviso{box-shadow:var(--sombra-2);min-width:260px;max-width:420px}.acceso{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.acceso-arte{background:var(--degradado);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.acceso-arte h1{font-size:34px;line-height:1.1;max-width:460px}.acceso-arte p{opacity:.9;max-width:440px}.acceso-barras{display:flex;align-items:flex-end;gap:12px;height:140px}.acceso-barras i{width:34px;background:#ffffffd9;border-radius:6px 6px 0 0}.acceso-form{display:grid;place-items:center;padding:32px 16px}.acceso-form .tarjeta{width:min(400px,100%)}.nav-movil,.solo-movil{display:none}@media(max-width:1180px){.tasa-chip{display:none}.rejilla.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rejilla.tablero,.rejilla.dos{grid-template-columns:1fr}}@media(max-width:860px){.app{grid-template-columns:1fr}.menu{display:none}.barra{padding:8px 16px;height:auto;min-height:56px;flex-wrap:wrap}.contenido{padding:14px 16px 96px;gap:14px}.nav-movil{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(64px,1fr);overflow-x:auto;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--petroleo);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.nav-movil a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#b9cfd9;font-size:10.5px;padding:4px 2px;text-decoration:none;border-radius:8px}.nav-movil a.activo{color:#fff;background:#9dc33b2e}.solo-movil{display:initial}.solo-escritorio{display:none!important}.formulario,.conversion{grid-template-columns:1fr}.kpi-valor{font-size:20px}.acceso{grid-template-columns:1fr}.acceso-arte{padding:28px 20px}.acceso-arte h1{font-size:26px}.acceso-barras{display:none}.filtro{min-width:0;flex:1}.barra h1{display:none}}@media(max-width:520px){.rejilla.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.kpi-icono{width:38px;height:38px}.kpi-valor{font-size:17px}.celda-nombre{min-width:190px}}.oculto{display:none!important}.texto-2{color:var(--texto-2)}.texto-3{color:var(--texto-3)}.mal{color:var(--mal)}.ok{color:var(--ok)}.negrita{font-weight:700}.chico{font-size:12px}.separador{height:1px;background:var(--borde);margin:4px 0}