:root{--verde: #1a7a4a;--verde-claro: #d9f2e4;--verde-borde: #7fcaa4;--verde-oscuro: #0d4a2b;--rojo: #c0392b;--rojo-claro: #fde8e6;--rojo-borde: #f0a49c;--ambar: #8a5a12;--ambar-claro: #fdf3dc;--ambar-borde: #f0d59a;--fondo: #f4f6f5;--papel: #fff;--texto: #1c2523;--suave: #6b7773;--linea: #e2e7e5;--radio: 12px;--sombra: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);--mov: .18s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}.app{min-height:100dvh}.cabecera{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:var(--papel);border-bottom:1px solid var(--linea)}.cabecera h1{font-size:17px;font-weight:650;flex:none;white-space:nowrap}.pestanas{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto}.pestanas a{padding:7px 12px;border-radius:999px;text-decoration:none;color:var(--suave);font-size:14px;font-weight:550;white-space:nowrap;transition:color var(--mov),background var(--mov)}.pestanas a:hover{background:var(--fondo)}.pestanas a.activo{color:var(--verde);background:var(--verde-claro)}.contenido{max-width:880px;margin:0 auto;padding:16px}.barra{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:12px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra)}.barra h1{font-size:16px;font-weight:650;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titulo-seccion{font-size:15px;font-weight:650;margin:22px 0 10px}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login .tarjeta{width:100%;max-width:360px;margin:0}.login h1{font-size:22px;margin-bottom:4px}.login p{color:var(--suave);font-size:14px;margin-bottom:16px}.login label{display:block;font-size:13px;font-weight:550;margin:12px 0 5px;color:var(--suave)}.tarjeta,.bloque{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:16px;box-shadow:var(--sombra);margin-bottom:12px}.tarjeta h2,.bloque h2{font-size:16px;font-weight:650;margin-bottom:4px}.tarjeta>h2:first-child,.bloque>h2:first-child{margin-top:0}.seccion{margin-bottom:16px}.campo{display:flex;flex-direction:column;min-width:0}.campo.ancho{grid-column:1 / -1}.rejilla-campos{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-top:4px}.etiqueta{font-size:12px;color:var(--suave);font-weight:550;text-transform:uppercase;letter-spacing:.04em}.sub{color:var(--suave);font-size:13px;margin-top:6px;line-height:1.45}.ayuda{color:var(--suave);font-size:12.5px;margin-top:5px;line-height:1.45}.acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.error{background:var(--rojo-claro);color:var(--rojo);border:1px solid var(--rojo-borde);padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:12px}.aviso{background:var(--ambar-claro);color:var(--ambar);border:1px solid var(--ambar-borde);padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:12px;line-height:1.45}.vacio{text-align:center;color:var(--suave);padding:40px 20px}.cargando{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--suave);font-size:14px}.girando{width:20px;height:20px;border:3px solid var(--linea);border-top-color:var(--verde);border-radius:50%;animation:giro .8s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.envoltorio-tabla{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}label{display:block;font-size:13px;font-weight:550;margin:0 0 5px;color:var(--suave)}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--papel);color:var(--texto);transition:border-color var(--mov),box-shadow var(--mov)}input:disabled,select:disabled,textarea:disabled{background:var(--fondo);color:var(--suave);cursor:not-allowed}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px #1a7a4a24}input[type=number]{font-variant-numeric:tabular-nums}button,.boton,.plano{font:inherit;font-weight:550;font-size:14px;border:1px solid var(--linea);background:var(--papel);color:var(--texto);border-radius:10px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform var(--mov),background var(--mov),border-color var(--mov),opacity var(--mov)}button:hover,.boton:hover,.plano:hover{border-color:var(--suave)}button:active,.boton:active,.plano:active{transform:scale(.97)}button:disabled,.boton[disabled],.plano[disabled],button:disabled:hover,.boton[disabled]:hover,.plano[disabled]:hover{opacity:.5;cursor:default;transform:none;border-color:var(--linea)}button:focus-visible,.boton:focus-visible,.plano:focus-visible,a:focus-visible{outline:2px solid var(--verde);outline-offset:2px}button.primario,.boton-primario,.primario{background:var(--verde);border-color:var(--verde);color:#fff}button.primario:hover,.boton-primario:hover,.primario:hover{border-color:var(--verde-oscuro);background:var(--verde-oscuro)}.boton-grande{width:100%;padding:14px 18px;font-size:16px;font-weight:650}button.boton-peligro,.boton-peligro{background:var(--rojo-claro);color:var(--rojo);border-color:var(--rojo-borde)}button.boton-peligro:hover,.boton-peligro:hover{border-color:var(--rojo)}.boton-archivo{cursor:pointer}.entrada-archivo-oculta{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.borrar-importe.plano,.borrar-importe{border:none;background:none;padding:2px 4px;font-size:12px;font-weight:500;color:var(--suave);text-decoration:underline;text-underline-offset:2px}.borrar-importe:hover{color:var(--texto)}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:650;padding:3px 9px;border-radius:999px;border:1px solid transparent}.badge-ok{color:var(--verde-oscuro);background:var(--verde-claro);border-color:var(--verde-borde)}.badge-aviso{color:var(--ambar);background:var(--ambar-claro);border-color:var(--ambar-borde)}.badge-estado{display:inline-flex;align-items:center;flex:none;font-size:12px;font-weight:650;padding:4px 10px;border-radius:999px;border:1px solid transparent}.badge-estado.borrador{color:var(--ambar);background:var(--ambar-claro);border-color:var(--ambar-borde)}.badge-estado.emitido{color:var(--verde-oscuro);background:var(--verde-claro);border-color:var(--verde-borde)}.badge-estado.papelera{color:var(--rojo);background:var(--rojo-claro);border-color:var(--rojo-borde)}.badge-arrastrado{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:var(--ambar);background:var(--ambar-claro);border:1px solid var(--ambar-borde);border-radius:999px;padding:2px 8px}.badge-adjunto{display:inline-flex;align-items:center;flex:none;font-size:11px;font-weight:650;padding:3px 9px;border-radius:999px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.03em}.badge-adjunto.confirmado{color:var(--verde-oscuro);background:var(--verde-claro);border-color:var(--verde-borde)}.badge-adjunto.descartado{color:var(--suave);background:var(--fondo);border-color:var(--linea)}.tarjeta-mes-actual{text-align:center}.tarjeta-mes-actual .etiqueta{display:block}.cifra{font-size:32px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 10px}.lista{display:flex;flex-direction:column;gap:8px}.fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);cursor:pointer;transition:background var(--mov),border-color var(--mov),transform var(--mov)}.fila:hover{background:var(--fondo);border-color:var(--verde-borde)}.fila:active{transform:scale(.99)}.fila-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0;flex:1}.fila-titulo{font-weight:600}.fila-importe{font-weight:700;font-variant-numeric:tabular-nums}.fila-iconos{display:flex;align-items:center;gap:6px;flex:none;color:var(--suave);font-size:15px}.tirar-fila.plano,.tirar-fila{border:none;background:none;padding:4px 6px;font-size:15px;line-height:1;opacity:.45;transition:opacity var(--mov),transform var(--mov)}.tirar-fila:hover{opacity:1;border:none}.enlace-papelera{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:9px 13px;border:1px solid var(--linea);border-radius:10px;background:var(--papel);color:var(--suave);font-size:13.5px;font-weight:550;text-decoration:none;transition:border-color var(--mov),color var(--mov)}.enlace-papelera:hover{border-color:var(--suave);color:var(--texto)}.fila-papelera{padding:13px 16px;background:var(--papel);border:1px solid var(--linea);border-left:3px solid var(--rojo-borde);border-radius:var(--radio)}.detalle-papelera{margin-top:6px;font-size:12.5px;color:var(--suave);line-height:1.5}.acciones-papelera{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.acciones-papelera .enlace-pdf,.acciones-papelera button{font-size:13.5px;padding:8px 12px}.vacio .sub{max-width:380px;margin:10px auto 0}.zona-papelera{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea)}.pantalla-mes{display:block}.totales{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:14px 16px;box-shadow:var(--sombra);margin-bottom:12px}.fila-total{display:flex;align-items:baseline;justify-content:space-between;padding:5px 0;font-size:14px;color:var(--suave)}.fila-total b{font-variant-numeric:tabular-nums;color:var(--texto);font-weight:600}.fila-total.destacado{margin-top:4px;padding-top:10px;border-top:1px solid var(--linea);font-size:15px;font-weight:650;color:var(--texto)}.fila-total.destacado b{font-size:19px;font-weight:750;color:var(--verde-oscuro)}.campo-prefijo{display:flex}.prefijo{display:flex;align-items:center;flex:none;padding:0 10px;font-size:13px;font-weight:650;color:var(--suave);background:var(--fondo);border:1px solid var(--linea);border-right:none;border-radius:10px 0 0 10px;white-space:nowrap}.campo-prefijo input{border-radius:0 10px 10px 0}.aviso-correlativo{background:var(--ambar-claro);color:var(--ambar);border:1px solid var(--ambar-borde);padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;margin-top:12px}.lineas-servicio{display:flex;flex-direction:column;gap:10px;margin-top:4px}.linea-servicio{border:1px solid var(--linea);border-radius:10px;padding:12px 14px;transition:background var(--mov),border-color var(--mov)}.linea-servicio.con-factura{background:var(--verde-claro);border-color:var(--verde-borde)}.linea-servicio.sin-factura{background:var(--ambar-claro);border-color:var(--ambar-borde)}.nombre-servicio{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:600;margin-bottom:8px}.campos-linea{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.campo-periodo{flex:1 1 200px;min-width:0}.campo-importe{flex:0 0 110px;width:110px;text-align:right;font-variant-numeric:tabular-nums}.nota-en-blanco{margin-top:8px;font-size:12px;color:var(--ambar)}.zona-subida{border:2px dashed var(--linea);background:var(--papel);border-radius:var(--radio);padding:22px 18px;text-align:center;margin-bottom:12px;transition:border-color var(--mov),background var(--mov)}.zona-subida.leyendo{border-color:var(--verde-borde);background:var(--verde-claro)}.texto-subida{color:var(--suave);font-size:14px;line-height:1.45;margin-bottom:14px}.botones-subida{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.propuesta-ia{background:var(--papel);border:1px solid var(--ambar-borde);border-left:4px solid var(--ambar);border-radius:var(--radio);padding:16px;box-shadow:var(--sombra);margin-bottom:12px}.nombre-adjunto{display:flex;align-items:center;gap:6px;font-weight:600;margin:4px 0 10px;min-width:0}.nombre-adjunto a,a.nombre-adjunto{color:var(--texto);text-decoration:underline;text-underline-offset:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.observaciones-ia{background:var(--fondo);border-radius:8px;padding:9px 11px;font-size:13px;font-style:italic;color:var(--suave);margin-bottom:10px;line-height:1.45}.datos-ia{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.dato-ia{display:flex;flex-direction:column;gap:2px;min-width:0}.dato-ia span{font-size:12px;color:var(--suave)}.dato-ia b{font-size:14px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-adjuntos{display:flex;flex-direction:column;gap:8px}.fila-adjunto{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:11px 13px;background:var(--papel);border:1px solid var(--linea);border-radius:10px;transition:opacity var(--mov)}.fila-adjunto .nombre-adjunto{margin:0;flex:1 1 160px;min-width:0}.fila-adjunto.confirmado{border-left:3px solid var(--verde)}.fila-adjunto.descartado{opacity:.58}.detalle-adjunto{font-size:12.5px;color:var(--suave);flex:1 1 140px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enlaces-recibo{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.enlace-pdf,.enlace-drive{font-weight:550;font-size:14px;border:1px solid var(--linea);background:var(--papel);color:var(--texto);border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:border-color var(--mov),background var(--mov)}.enlace-pdf:hover,.enlace-drive:hover{border-color:var(--verde-borde);background:var(--verde-claro)}.ajustes{display:flex;flex-direction:column}.tabla-servicios{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}.tabla-servicios th{text-align:left;font-size:12px;font-weight:650;color:var(--suave);text-transform:uppercase;letter-spacing:.03em;padding:0 8px 8px;border-bottom:1px solid var(--linea)}.tabla-servicios td{padding:6px 8px;border-bottom:1px solid var(--linea);vertical-align:middle}.tabla-servicios tr:last-child td{border-bottom:none}.columna-orden{width:70px}.columna-orden input{text-align:center;font-variant-numeric:tabular-nums}.columna-tipo,.columna-importe-fijo{width:130px}.columna-importe-fijo input{text-align:right;font-variant-numeric:tabular-nums}.columna-activo{width:60px;text-align:center}.columna-activo input{width:auto}.columna-portal{width:220px}.columna-portal .enlace-portal{display:inline-block;margin-top:5px;font-size:12px}.fila-servicio{transition:opacity var(--mov)}.fila-servicio.fila-inactiva{opacity:.55}.fila-servicio.guardando{opacity:.6;pointer-events:none}.enlace-portal{color:var(--suave);text-decoration:underline;text-underline-offset:2px;transition:color var(--mov)}.enlace-portal:hover{color:var(--verde)}.portales-servicios{color:var(--suave);font-size:12.5px;line-height:1.6;margin:-4px 0 12px;overflow-wrap:break-word}.pasos-puente{margin:10px 0 16px;padding-left:22px;color:var(--texto);font-size:14px;line-height:1.6}.pasos-puente li{margin-bottom:8px}.pasos-puente code{background:var(--fondo);border-radius:4px;padding:1px 5px;font-size:13px}@media (max-width: 640px){.rejilla-campos,.datos-ia{grid-template-columns:1fr}.cabecera h1{display:none}.campo-importe{flex:0 0 96px;width:96px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}