:root{--fondo: #f6f7f9;--superficie: #ffffff;--texto: #1d2430;--tenue: #667085;--borde: #dfe3ea;--acento: #1f6feb;--acento-oscuro: #1858bd;--error: #b42318;--aviso: #8a5a00;--radio: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--texto);background:var(--fondo)}*{box-sizing:border-box}body{margin:0}h1{font-size:1.4rem;margin:0}h2{font-size:1.1rem;margin:0 0 .75rem}a{color:var(--acento)}.barra{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.75rem 1.5rem;background:var(--superficie);border-bottom:1px solid var(--borde)}.barra nav{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.barra nav a{text-decoration:none;color:var(--tenue);padding:.25rem 0}.barra nav a.activo{color:var(--texto);border-bottom:2px solid var(--acento)}.marca{font-size:1.1rem}.usuario{display:flex;align-items:center;gap:.75rem;color:var(--tenue)}.contenido{padding:1.5rem;max-width:1280px;margin:0 auto}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.filtros,.rango{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--tenue)}input,select{font:inherit;color:var(--texto);padding:.45rem .6rem;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie)}button,.boton{font:inherit;cursor:pointer;padding:.5rem .9rem;border-radius:var(--radio);border:1px solid var(--acento);background:var(--acento);color:#fff;text-decoration:none;display:inline-block}button:hover,.boton:hover{background:var(--acento-oscuro)}button:disabled{opacity:.5;cursor:default}button.secundario{background:var(--superficie);color:var(--texto);border-color:var(--borde)}button.enlace{background:none;border:none;color:var(--acento);padding:0}button.enlace:hover{text-decoration:underline;background:none}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem}.formulario{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.5rem}.formulario h2{width:100%}.acciones,.acciones-fila{display:flex;gap:.75rem}.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin:1rem 0 1.5rem}.cifra{display:flex;flex-direction:column;gap:.25rem}.cifra strong{font-size:1.4rem}.tabla{width:100%;border-collapse:collapse;background:var(--superficie);border:1px solid var(--borde)}.tabla th,.tabla td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--borde)}.tabla th{font-size:.8rem;color:var(--tenue);font-weight:600}.tabla .numero{text-align:right;font-variant-numeric:tabular-nums}.tabla tfoot th{color:var(--texto)}tr.inactivo td{color:var(--tenue)}tr.resultado-ACEPTADO td:nth-child(4){color:#067647}tr.resultado-ILEGIBLE td:nth-child(4),tr.resultado-DUPLICADO td:nth-child(4),tr.resultado-CUENTA_NO_AUTORIZADA td:nth-child(4),tr.resultado-ERROR td:nth-child(4){color:var(--error)}.paginador{display:flex;gap:1rem;align-items:center;justify-content:flex-end;margin-top:1rem}.tenue{color:var(--tenue)}.error{color:var(--error)}.aviso{color:var(--aviso);background:#fff7e6;padding:.6rem .8rem;border-radius:var(--radio)}.visor{position:fixed;inset:0;background:#0f141ecc;display:flex;align-items:center;justify-content:center;z-index:10;padding:2rem}.visor img{max-width:100%;max-height:100%;border-radius:var(--radio)}.visor-cerrar{position:absolute;top:1rem;right:1rem}.detalle{margin-bottom:1.5rem}.detalle-cuerpo{display:flex;gap:1.5rem;flex-wrap:wrap}.detalle-foto{max-width:320px;max-height:520px;border-radius:var(--radio);border:1px solid var(--borde)}.campos{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0 0 1rem}.campos dt{color:var(--tenue)}.campos dd{margin:0}.ocr{white-space:pre-wrap;font-size:.8rem;background:var(--fondo);padding:.75rem;border-radius:var(--radio)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-tarjeta{width:min(380px,92vw);text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}
