:root{--azul:#0f437f;--azul-oscuro:#0a2c53;--azul-claro:#e7eff9;--oro:#eaa917;--oro-claro:#fcf5e3;--texto:#1a1a1a;--gris:#6b7280;--borde:#dbe2ea;--error:#b3261e}*{box-sizing:border-box}body{color:var(--texto);background:#fafbfc;margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.contenedor{max-width:780px;margin:0 auto;padding:48px 20px}h1{margin:0 0 4px;font-size:22px}.subtitulo{color:var(--gris);margin:0 0 32px;font-size:14px}.buscador{gap:8px;margin-bottom:24px;display:flex}.buscador input{border:1px solid var(--borde);border-radius:6px;flex:1;padding:10px 14px;font-size:14px}.buscador button{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-size:14px}.buscador button:disabled{opacity:.6;cursor:default}.tarjeta{border:1px solid var(--borde);background:#fff;border-radius:8px;margin-bottom:10px;padding:16px}.tarjeta .tipo{text-transform:uppercase;letter-spacing:.03em;color:var(--azul);background:var(--azul-claro);border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tarjeta .codigo{font-size:15px;font-weight:600}.tarjeta .detalle{color:var(--gris);margin-top:4px;font-size:13px}.relacion{color:var(--gris);margin:4px 0 4px 16px;font-size:13px}.error{color:var(--error);margin-bottom:16px;font-size:14px}.vacio{color:var(--gris);font-size:14px}.nav-principal{border-bottom:1px solid var(--borde);background:#fff;padding:10px 20px}.nav-barra{justify-content:space-between;align-items:center;display:flex}.nav-principal a{color:var(--azul);white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none}.nav-principal a:hover{text-decoration:underline}.nav-principal a.activo{border-bottom:2px solid var(--oro);padding-bottom:2px}.nav-separador{background:var(--borde);align-self:stretch;width:1px;min-height:18px}.nav-boton{border:1px solid var(--borde);color:var(--azul);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:600;display:none}.nav-boton-icono{font-size:15px;line-height:1}.nav-grupos{align-items:center;gap:4px;display:flex}.nav-grupo{position:relative}.nav-grupo-boton{color:var(--azul);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:600;display:flex}.nav-grupo-boton:hover{background:var(--azul-claro)}.nav-grupo-boton.activo{background:var(--azul-claro);box-shadow:inset 0 -2px 0 var(--oro)}.nav-flecha{opacity:.6;font-size:10px}.nav-desplegable{border:1px solid var(--borde);z-index:50;background:#fff;border-radius:10px;min-width:250px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0f437f1f}.nav-desplegable.abierto{display:block}.nav-desplegable a{white-space:normal;border-radius:6px;flex-direction:column;gap:1px;padding:9px 12px;text-decoration:none;display:flex}.nav-desplegable a:hover{background:var(--azul-claro);text-decoration:none}.nav-desplegable a.activo{background:var(--azul-claro)}.nav-desplegable-texto{color:var(--azul);font-size:14px;font-weight:600}.nav-desplegable-nota{color:var(--gris);font-size:11.5px;font-weight:400}.panel-filtros{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.panel-filtros select,.panel-filtros input{border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:6px;padding:8px 12px;font-size:13px}.input-anio{min-width:130px}.volver{color:var(--gris);margin-bottom:16px;font-size:13px;text-decoration:none;display:inline-block}.volver:hover{color:var(--azul)}.subtitulo-seccion{margin:24px 0 10px;font-size:15px}.encabezado-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.campo-etiqueta{text-transform:uppercase;letter-spacing:.03em;color:var(--gris);font-size:11px}.campo-valor{word-break:break-word;margin-top:2px;font-size:14px}.tabla-scroll{overflow-x:auto}.tabla-lineas{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.tabla-lineas th,.tabla-lineas td{border:1px solid var(--borde);text-align:left;white-space:nowrap;padding:8px 10px}.tabla-lineas th{background:var(--azul-claro);color:var(--azul);text-transform:uppercase;font-size:11px}.etiqueta-categoria{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px}.cat-material{color:#1e6b30;background:#e3f5e6}.cat-servicio,.cat-arrendamiento{color:#935e0f;background:#fdf1de}.cat-otro{color:#55565c;background:#f1f1f3}.zona-carga{border:2px dashed var(--borde);text-align:center;color:var(--gris);cursor:pointer;border-radius:10px;margin-bottom:16px;padding:40px 20px;font-size:14px}.zona-carga.arrastrando{border-color:var(--azul);background:var(--azul-claro);color:var(--azul)}.lista-archivos{margin-bottom:16px}.archivo-pendiente{border:1px solid var(--borde);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.archivo-pendiente button{color:var(--error);cursor:pointer;background:0 0;border:none;font-size:12px}.boton-subir{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-size:14px}.boton-subir:disabled{opacity:.5;cursor:default}.reporte-ingesta{margin-top:28px}.grupo-reporte{margin-bottom:16px}.grupo-titulo{text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.grupo-titulo.ok{color:#1e6b30}.grupo-titulo.aviso{color:#935e0f}.grupo-titulo.error{color:var(--error)}.fila-reporte{color:var(--texto);border-bottom:1px solid var(--borde);padding:4px 0;font-size:13px}.botones-categoria{flex-wrap:wrap;gap:6px;display:flex}.boton-categoria{border:1px solid var(--borde);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:4px;padding:4px 10px;font-size:12px}.boton-categoria:hover:not(:disabled){border-color:var(--azul);color:var(--azul)}.boton-categoria:disabled{opacity:.5;cursor:default}.form-pendiente{flex-direction:column;gap:12px;display:flex}.campos-form{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.campos-form label{color:var(--gris);flex-direction:column;gap:4px;font-size:12px;display:flex}.campos-form input,.campos-form select{border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:6px;padding:7px 10px;font-size:13px}.campos-form input[type=color]{height:34px;padding:2px}.membrete{border:2px solid var(--azul);border-radius:10px;justify-content:space-between;align-items:stretch;margin-bottom:20px;display:flex;overflow:hidden}.membrete-empresa{flex:1;align-items:center;gap:14px;padding:16px 20px;display:flex}.membrete-logo{object-fit:contain;max-width:120px;max-height:56px}.membrete-nombre{font-size:16px;font-weight:700}.membrete-datos{color:var(--gris);margin-top:2px;font-size:12px}.membrete-titulo{color:#fff;flex-direction:column;justify-content:center;align-items:flex-end;min-width:200px;padding:16px 22px;display:flex}.membrete-tipo{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:11px}.membrete-folio{margin-top:2px;font-size:18px;font-weight:700}.documento-datos-clave{border:1px solid var(--borde);background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;padding:14px 18px;display:grid}.campo-total{color:var(--azul);font-size:17px;font-weight:700}.tabla-documento th{color:#fff;background:var(--azul)}.celda-total-etiqueta{text-align:right;font-weight:600}.celda-total{font-size:14px;font-weight:700}.bloque-contraparte,.bloque-bancarios,.bloque-observaciones{border:1px solid var(--borde);background:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden}.observaciones-vigencia,.observaciones-condiciones{color:var(--gris);margin:0;padding:6px 14px;font-size:11px;line-height:1.45}.observaciones-vigencia{color:var(--texto);font-weight:600}.observaciones-condiciones:last-child{padding-bottom:12px}.bloque-titulo{text-transform:uppercase;letter-spacing:.04em;color:var(--azul);background:var(--azul-claro);padding:7px 18px;font-size:11px;font-weight:600}.documento-datos-clave.sin-borde{border:none;margin-bottom:0}.bloque-totales{width:280px;margin-top:14px;margin-left:auto;font-size:13px}.bloque-totales>div{justify-content:space-between;padding:5px 10px;display:flex}.bloque-totales .fila-total{border-top:2px solid var(--azul);color:var(--azul);font-size:15px;font-weight:700}.firma-vacia{border-bottom:1px solid var(--texto);height:70px;margin-bottom:4px}.zona-firma{text-align:center;max-width:240px;margin-top:24px}.imagen-firma{object-fit:contain;border-bottom:1px solid var(--texto);max-width:220px;max-height:70px;margin-bottom:4px;padding-bottom:4px}.boton-toggle-crudo{border:1px solid var(--borde);color:var(--gris);cursor:pointer;background:#fff;border-radius:6px;margin-top:24px;padding:6px 12px;font-size:12px}.boton-toggle-crudo:hover{border-color:var(--azul);color:var(--azul)}.pantalla-acceso{justify-content:center;align-items:center;min-height:80vh;display:flex}.caja-acceso{flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px;display:flex}.caja-acceso h1{margin:0;font-size:18px}.caja-acceso .subtitulo{margin:0}.campo-acceso{color:var(--gris);flex-direction:column;gap:6px;font-size:12px;display:flex}.campo-acceso input{border:1px solid var(--borde);color:var(--texto);border-radius:6px;padding:9px 12px;font-size:14px}.portada{max-width:900px;margin:0 auto;padding:56px 20px 72px}.portada-encabezado{text-align:center;margin-bottom:40px}.portada-logo{width:100%;max-width:260px;height:auto;margin-bottom:22px}.portada-titulo{color:var(--azul);margin:0 0 8px;font-size:24px}.portada-lema{color:var(--gris);max-width:560px;margin:0 auto;font-size:15px;line-height:1.5}.cifras{background:var(--borde);border:1px solid var(--borde);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:36px;display:grid;overflow:hidden}.cifras>div{text-align:center;background:#fff;padding:18px 16px}.cifras strong{color:var(--azul);font-size:22px;display:block}.cifras span{color:var(--gris);margin-top:2px;font-size:12px;display:block}.rejilla-secciones{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:36px;display:grid}.tarjeta-seccion{border:1px solid var(--borde);color:inherit;background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.tarjeta-seccion:hover{border-color:var(--azul);box-shadow:0 2px 10px #16386f14}.tarjeta-seccion.destacada{border-top:3px solid var(--oro);grid-column:1/-1}.tarjeta-seccion-titulo{color:var(--azul);font-size:16px;font-weight:700}.tarjeta-seccion-desc{color:var(--gris);font-size:13px;line-height:1.45}.tarjeta-seccion-cifra{color:var(--oro);margin-top:2px;font-size:12px;font-weight:600}.bandejas-lista{border:1px solid var(--borde);background:#fff;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.bandeja{color:var(--texto);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:13px 18px;font-size:14px;text-decoration:none;display:flex}.bandeja:last-child{border-bottom:none}.bandeja:hover{background:var(--azul-claro)}.bandeja-contador{color:var(--gris);text-align:center;background:#f1f3f6;border-radius:20px;min-width:40px;padding:2px 12px;font-size:13px;font-weight:700}.bandeja-contador.con-pendientes{background:var(--oro-claro);color:#8a5c07}.nav-marca{flex-shrink:0;align-items:center;display:flex}@media (min-width:861px){.nav-principal{align-items:center;gap:14px;display:flex}.nav-barra{flex:none}.nav-marca{border-right:1px solid var(--borde);margin-right:4px;padding-right:16px}}.nav-marca img{width:auto;height:36px}.marca-texto{align-items:baseline;gap:8px;margin-bottom:22px;display:inline-flex}.marca-texto-principal{letter-spacing:.02em;color:var(--azul);font-size:30px;font-weight:800}.marca-texto-secundaria{letter-spacing:.22em;color:var(--oro);font-size:17px;font-weight:600}.marca-texto-nav{gap:5px;margin-bottom:0}.marca-texto-nav .marca-texto-principal{font-size:15px}.marca-texto-nav .marca-texto-secundaria{letter-spacing:.16em;font-size:9px}.filtro-check{color:var(--gris);border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.aviso-guardado{border-left:3px solid var(--azul);background:var(--azul-claro);color:var(--azul-oscuro);border-radius:0 4px 4px 0;margin:14px 0 0;padding:9px 14px;font-size:14px}.folio-anterior{color:var(--gris);margin-top:2px;font-size:11px}.pendiente-asignar{text-transform:uppercase;letter-spacing:.03em;background:var(--oro-claro);color:#935e0f;border-radius:4px;padding:2px 8px;font-size:11px}body{overflow-x:hidden}.tabla-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.contenedor-ancho{max-width:1240px}.contenedor-ancho .aviso-exito{max-width:720px}.tabla-lineas td.texto-largo{white-space:normal;min-width:180px}.tabla-lineas td.descripcion{white-space:normal;min-width:240px}.tabla-acciones th:last-child,.tabla-acciones td:last-child{background:#fff;position:sticky;right:0;box-shadow:-6px 0 6px -6px #0f437f33}.tabla-acciones th:last-child{background:var(--azul-claro)}.tabla-acciones td:last-child .boton-categoria{padding:6px 10px}@media (max-width:860px){.nav-boton{display:inline-flex}.nav-grupos{border-top:1px solid var(--borde);flex-direction:column;align-items:stretch;gap:0;margin-top:10px;padding-top:6px;display:none}.nav-grupos.abierto{display:flex}.nav-grupo-boton{text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--gris);justify-content:space-between;padding:12px 4px 6px;font-size:11px}.nav-grupo-boton .nav-flecha{display:none}.nav-grupo-boton.activo{box-shadow:none;background:0 0}.nav-desplegable{box-shadow:none;border:none;min-width:0;padding:0;display:block;position:static}.nav-desplegable a{border-bottom:1px solid var(--borde);padding:10px 4px}.nav-separador{display:none}.contenedor,.portada{padding-left:14px;padding-right:14px}.portada{padding-top:28px}h1,.portada-titulo{overflow-wrap:anywhere;font-size:19px}.panel-filtros{flex-direction:column;align-items:stretch}.panel-filtros select,.panel-filtros input:not([type=checkbox]){width:100%;min-width:0}.filtro-check{justify-content:flex-start}.input-anio{width:100%}.buscador{flex-wrap:wrap}.buscador input{flex:100%;min-width:0}.buscador button{flex:100%}.membrete{flex-direction:column}.membrete-titulo{align-items:flex-start;min-width:0}.bloque-totales{width:100%}.cifras{grid-template-columns:repeat(2,1fr)}.zona-carga{padding:28px 14px}.campos-form{grid-template-columns:1fr}}@media (max-width:400px){.cifras{grid-template-columns:1fr}}.input-cantidad{border:1px solid var(--borde);border-radius:5px;width:110px;padding:6px 9px;font-size:13px}.aviso-exito{border-left:4px solid var(--oro)}.aviso-exito h1{margin-bottom:6px}.acciones-fin{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.acciones-fin .boton-subir{text-decoration:none;display:inline-block}.nav-sesion{border-left:1px solid var(--borde);align-items:center;gap:10px;margin-left:auto;padding-left:14px;display:flex}.nav-sesion-nombre{color:var(--azul);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.nav-sesion-salir{border:1px solid var(--borde);color:var(--azul);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.nav-sesion-salir:hover{border-color:var(--oro);color:var(--oro)}@media (max-width:900px){.nav-sesion{border-left:none;margin-left:0;padding-left:0}.nav-sesion-nombre{display:none}}.panel-descarga{border:1px solid var(--borde);background:#fbfcfe;border-radius:8px;margin-bottom:18px;padding:12px 16px}.panel-descarga-acciones{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel-descarga-titulo{color:var(--texto);margin-right:auto;font-size:13px;font-weight:600}.boton-descarga{border:1px solid var(--azul);background:var(--azul);color:#fff;cursor:pointer;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600}.boton-descarga.secundario{color:var(--azul);background:#fff}.boton-descarga:disabled{opacity:.45;cursor:not-allowed}.panel-descarga-nota{color:var(--gris);margin:9px 0 0;font-size:12px;line-height:1.5}@media (max-width:560px){.panel-descarga-titulo{width:100%;margin-right:0}.boton-descarga{flex:auto}}