:root{--tinta: #0a2430;--tinta-2: #2f4a55;--gris: #4a6772;--gris-3: #6c8792;--papel: #f6f9fa;--tarjeta: #ffffff;--linea: #dce7eb;--linea-2: #b9cdd5;--linea-suave: #eaf0f2;--activo: #eaf3f6;--verde: #075e86;--verde-suave: #e2f6fe;--ambar: #7a4d0c;--ambar-suave: #f6eedf;--rojo: #a32d2d;--rojo-suave: #f9ecec;--a-cobrar: #17603a;--a-pagar: #8a2a22;--acento: linear-gradient(100deg, #10dfd5, #01b6fa);--acento-2: #01b6fa;--r: 14px;--r-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--papel);color:var(--tinta);font-family:Manrope,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.a-cobrar{color:var(--a-cobrar)}.a-pagar{color:var(--a-pagar)}h1{font-size:24px;font-weight:800;letter-spacing:-.02em}h2{font-size:17px;font-weight:800}h3{font-size:15px;font-weight:700}a{color:var(--tinta);font-weight:700;text-decoration:none}a:hover{color:var(--verde)}.marca{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.03em}.marca .punto{display:none}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;background:var(--activo);color:var(--tinta)}.chip.ok,.chip.info{background:var(--verde-suave);color:var(--verde)}.chip.aviso{background:var(--ambar-suave);color:var(--ambar)}.chip.mudo{background:var(--activo);color:var(--tinta-2)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-sm);font-weight:700;border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none}.boton:disabled{opacity:.45;cursor:default}.boton.principal{background:var(--tinta);color:#fff}.boton.principal:hover{color:#fff}.boton.suave{background:var(--tarjeta);color:var(--tinta);border-color:var(--linea-2)}.boton.acento{background:var(--acento);color:var(--tinta);font-weight:800}.enlace{background:none;border:none;cursor:pointer;font-weight:700;color:var(--tinta);padding:0;text-align:left}.enlace:hover{color:var(--verde)}.enlace.peligro{color:var(--rojo)}.bloque{display:flex;flex-direction:column;gap:1px;padding:9px 0;border-bottom:1px solid var(--linea-suave)}.bloque:last-child{border-bottom:none}.bloque b{font-size:13px;font-weight:500;color:var(--gris)}.bloque span{font-size:15px}.nota{font-size:14px;color:var(--gris);line-height:1.45}.mudo-t{color:var(--gris)}.estado{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:10px 22px 0}.pagina{padding:28px 40px 56px;display:flex;flex-direction:column;gap:20px;max-width:1180px}.cabecera{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.fila-tarjetas{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--r);min-width:0}.tarjeta.relleno{padding:22px 26px}.tarjeta-cab{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--linea)}.tarjeta-fila{padding:16px 26px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;border-bottom:1px solid var(--linea-suave)}.tarjeta-fila:last-child{border-bottom:none}.tarjeta-fila .texto{display:flex;flex-direction:column;flex:1 1 280px;min-width:0}.tarjeta-fila .texto b{font-weight:700}.tarjeta-fila .texto span{color:var(--gris);font-size:14px}.sigla{width:38px;height:38px;border-radius:50%;background:var(--activo);font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}.cifra{display:flex;flex-direction:column;gap:2px}.cifra span{color:var(--gris);font-size:14px}.cifra b{font-size:26px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.rollo{overflow-x:auto}table.tabla{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px}.tabla th{text-align:left;font-weight:500;font-size:13px;color:var(--gris);padding:10px 12px;background:var(--papel);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);white-space:nowrap}.tabla td{padding:14px 12px;border-bottom:1px solid var(--linea-suave);vertical-align:middle}.tabla tr:last-child td{border-bottom:none}.tabla th:first-child,.tabla td:first-child{padding-left:26px}.tabla th:last-child,.tabla td:last-child{padding-right:26px}.tabla .der{text-align:right}.tabla .monto{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.tabla .apagada td{color:var(--gris)}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--linea);overflow-x:auto}.pestanas a{padding:10px 14px;font-weight:700;color:var(--gris);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}.pestanas a.actual{color:var(--tinta);border-bottom-color:var(--acento-2)}.pastillas{display:flex;gap:6px;flex-wrap:wrap}.pastillas button{border:1px solid var(--linea);border-radius:999px;padding:6px 14px;background:var(--tarjeta);font-weight:700;font-size:14px;cursor:pointer;color:var(--tinta-2)}.pastillas button.elegida{background:var(--tinta);color:#fff;border-color:var(--tinta)}@media (max-width: 760px){.pagina{padding:20px 16px 48px}}.tarjeta>.rollo:first-child .tabla th{border-top:none}.tarjeta>.rollo:first-child{border-radius:var(--r) var(--r) 0 0}input[type=file]{font:inherit;font-size:14px;color:var(--gris);max-width:100%}input[type=file]::file-selector-button{font:inherit;font-weight:700;color:var(--tinta);min-height:40px;padding:0 16px;margin-right:12px;border:1px solid var(--linea-2);border-radius:var(--r-sm);background:var(--tarjeta);cursor:pointer}input[type=file]::file-selector-button:hover{background:var(--activo)}