:root{--tinta:#1a1a19;--tinta-suave:#5c5b57;--tenue:#8b8a84;--papel:#fbfaf7;--tarjeta:#fff;--borde:#e3e0d8;--borde-fuerte:#cfcbc0;--alta:#a3341f;--alta-fondo:#fdf0ec;--media:#8a6212;--media-fondo:#fdf6e6;--baja:#5c5b57;--ok:#2f6b46;--ok-fondo:#edf6f0;--cliente:#1f4e79;--cliente-fondo:#eaf1f8;--agencia:#6b4a9c;--agencia-fondo:#f2edfa}*{box-sizing:border-box}body{background:var(--papel);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--cliente)}main{max-width:1060px;margin:0 auto;padding:32px 24px 96px}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.5rem}h2{letter-spacing:-.005em;margin:36px 0 12px;font-size:1.05rem}h3{margin:0 0 6px;font-size:.9rem}.tenue{color:var(--tenue)}.suave{color:var(--tinta-suave)}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.86em}.encabezado{border-bottom:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;padding-bottom:16px;display:flex}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:8px;margin-bottom:10px;padding:14px 16px}.etiqueta{letter-spacing:.02em;text-transform:uppercase;color:var(--tinta-suave);white-space:nowrap;background:#f0eee8;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-block}.etiqueta.alta{background:var(--alta-fondo);color:var(--alta)}.etiqueta.media{background:var(--media-fondo);color:var(--media)}.etiqueta.ok{background:var(--ok-fondo);color:var(--ok)}.etiqueta.cliente{background:var(--cliente-fondo);color:var(--cliente)}.etiqueta.agencia{background:var(--agencia-fondo);color:var(--agencia)}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--tenue);border-bottom:1px solid var(--borde);padding:0 10px 8px;font-size:.72rem;font-weight:600}td{border-bottom:1px solid var(--borde);vertical-align:top;padding:10px}tbody tr:hover{background:#fff}td.num{text-align:right;font-variant-numeric:tabular-nums}.metricas{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 8px;display:grid}.metrica{background:var(--tarjeta);border:1px solid var(--borde);border-radius:8px;padding:12px 14px}.metrica .cifra{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.metrica .rotulo{text-transform:uppercase;letter-spacing:.04em;color:var(--tenue);margin-top:2px;font-size:.72rem}.metrica .pie{color:var(--tinta-suave);margin-top:6px;font-size:.78rem}.campo{border-bottom:1px solid var(--borde);grid-template-columns:minmax(150px,220px) 1fr;gap:0;display:grid}.campo:last-child{border-bottom:0}.campo>.nombre{color:var(--tinta-suave);padding:10px 14px 10px 0;font-size:.84rem}.campo>.cuerpo{min-width:0;padding:10px 0}.campo .valor{word-wrap:break-word;font-weight:500}.cita{border-left:3px solid var(--borde-fuerte);color:var(--tinta-suave);background:#faf9f5;border-radius:0 4px 4px 0;margin-top:6px;padding:7px 10px;font-size:.86rem}.cita .fuente{color:var(--tenue);margin-top:4px;font-size:.74rem;display:block}.cita.de-agencia{border-left-color:var(--agencia)}.sin-cita{border-left:3px solid var(--alta);background:var(--alta-fondo);color:var(--alta);border-radius:0 4px 4px 0;margin-top:6px;padding:7px 10px;font-size:.84rem}.divergencia{border-left:3px solid var(--borde-fuerte)}.divergencia.cliente{border-left-color:var(--cliente)}.divergencia.proveedor{border-left-color:var(--media)}.divergencia.contabilidad{border-left-color:var(--alta)}.contraste{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}.contraste>div{background:#faf9f5;border-radius:6px;padding:8px 10px;font-size:.88rem}.contraste .rotulo{text-transform:uppercase;letter-spacing:.04em;color:var(--tenue);margin-bottom:3px;font-size:.7rem}.impacto{background:var(--media-fondo);color:#6b4c0d;border-radius:6px;padding:8px 10px;font-size:.88rem}.veredicto{border-top:1px dashed var(--borde);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.veredicto .pregunta{color:var(--tinta-suave);margin-right:4px;font-size:.82rem}button,.boton{font:inherit;border:1px solid var(--borde-fuerte);color:var(--tinta);cursor:pointer;background:#fff;border-radius:6px;padding:5px 12px;font-size:.84rem}button:hover{background:#f5f3ee}button.elegido{border-color:var(--tinta);background:var(--tinta);color:#fff}button.elegido:hover{background:var(--tinta)}input[type=password],input[type=text]{font:inherit;border:1px solid var(--borde-fuerte);background:#fff;border-radius:6px;width:100%;padding:8px 10px}.entrada{max-width:360px;margin:14vh auto 0;padding:0 24px}.error{color:var(--alta);margin-top:10px;font-size:.88rem}ul.limpia{margin:0;padding:0;list-style:none}ul.limpia li{border-bottom:1px solid var(--borde);padding:7px 0}ul.limpia li:last-child{border-bottom:0}details{margin-top:28px}summary{cursor:pointer;color:var(--tinta-suave);font-size:.88rem}pre{border:1px solid var(--borde);background:#faf9f5;border-radius:6px;padding:12px;font-size:.78rem;line-height:1.5;overflow-x:auto}@media (max-width:720px){.campo{grid-template-columns:1fr}.campo>.nombre{padding-bottom:0}.contraste{grid-template-columns:1fr}}
