:root{--fondo: #f2f3f5;--tarjeta: #ffffff;--texto: #18202a;--suave: #5c6673;--borde: #d5d9df;--primario: #1f2a37;--acento: #f5b301;--acento-texto: #1f2a37;--exito: #157347;--peligro: #c0362c;--campo: #ffffff;--radio: 14px;--barra: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--fondo: #10151b;--tarjeta: #1a212a;--texto: #eef1f4;--suave: #9aa4b1;--borde: #313b47;--primario: #f5b301;--acento: #f5b301;--acento-texto: #10151b;--exito: #4cc38a;--peligro: #ff7b70;--campo: #10151b;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:17px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}h1{font-size:1.6rem;margin:0}h2{font-size:1.15rem;margin:0 0 12px}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100dvh}.contenido{max-width:560px;margin:0 auto;padding:16px 16px calc(var(--barra) + 96px + env(safe-area-inset-bottom))}.banda-demo{background:var(--acento);color:#1f2a37;text-align:center;font-size:.85rem;font-weight:600;padding:6px}.cargando{display:grid;place-items:center;min-height:100dvh;color:var(--suave)}.encabezado{display:flex;justify-content:space-between;align-items:center;margin:4px 0 16px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin:0 0 16px;display:flex;flex-direction:column;gap:14px;min-width:0}fieldset.tarjeta legend{float:left;width:100%;padding:0;font-weight:700;font-size:1.15rem}fieldset.tarjeta legend+*{clear:both}.fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo-etiqueta{font-size:.9rem;font-weight:600;color:var(--suave)}.campo-ayuda{font-size:.85rem;color:var(--suave)}.campo-error{font-size:.85rem;color:var(--peligro);font-weight:600}input,select,textarea{width:100%;min-height:52px;padding:12px 14px;border:1.5px solid var(--borde);border-radius:10px;background:var(--campo);font-size:1.05rem;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 35%,transparent)}.con-error input,.con-error select{border-color:var(--peligro)}.entrada-con-prefijo{position:relative;display:flex;align-items:center}.entrada-con-prefijo .prefijo{position:absolute;left:14px;color:var(--suave);font-weight:600;pointer-events:none}.entrada-con-prefijo .prefijo+input{padding-left:32px}.entrada-con-prefijo .sufijo{position:absolute;right:14px;color:var(--suave);pointer-events:none}.entrada-con-prefijo input:has(+.sufijo){padding-right:48px}.entrada-con-prefijo input{font-variant-numeric:tabular-nums;font-weight:600}.selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selector button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;min-height:64px;border:2px solid var(--borde);border-radius:12px;background:var(--campo)}.selector button small{color:var(--suave)}.selector button.activo{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 16%,var(--campo))}.total-flete{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem}.total-flete strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.total-flete.conductor{color:var(--exito);margin-top:-8px}.total-flete.conductor strong{font-size:1.2rem}.gasto{border:1px dashed var(--borde);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px}.gasto-cabeza{display:flex;justify-content:space-between;align-items:center}.gasto-numero{font-weight:700;color:var(--suave)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--borde);background:var(--campo);border-radius:999px;padding:8px 14px;min-height:40px;font-size:.95rem}.chip.activo{background:var(--primario);border-color:var(--primario);color:var(--fondo);font-weight:600}.foto{display:flex;align-items:center;gap:12px}.foto img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--borde)}.foto-datos{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.foto-datos small{color:var(--suave);font-variant-numeric:tabular-nums}.foto-boton{border:1.5px dashed var(--borde);color:var(--suave)}.boton{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 16px;border-radius:12px;border:none;background:transparent;font-weight:700;font-size:1.05rem;cursor:pointer}.boton.primario{background:var(--acento);color:var(--acento-texto)}.boton.primario:disabled{opacity:.6}.boton.secundario{border:1.5px solid var(--primario);color:var(--primario)}.enlace{background:none;border:none;padding:8px 0;color:var(--suave);text-decoration:underline;font-size:.95rem}.enlace.peligro{color:var(--peligro)}.barra-guardar{position:fixed;left:0;right:0;bottom:calc(var(--barra) + env(safe-area-inset-bottom));padding:10px 16px;background:color-mix(in srgb,var(--fondo) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--borde)}.barra-guardar .boton{max-width:528px;margin:0 auto}.resumen{margin:0;display:flex;flex-direction:column;gap:8px}.resumen div{display:flex;justify-content:space-between;gap:12px}.resumen dt{color:var(--suave)}.resumen dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.resumen .destacado dt,.resumen .destacado dd{color:var(--exito);font-weight:700}.resumen .negativo dt,.resumen .negativo dd{color:var(--peligro)}.nota{color:var(--suave);margin:0;font-size:.95rem}.aviso{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--acento) 18%,var(--tarjeta));margin:0 0 16px}.aviso.error{background:color-mix(in srgb,var(--peligro) 14%,var(--tarjeta));color:var(--peligro);font-weight:600}.listo{text-align:center;padding-top:32px;display:flex;flex-direction:column;gap:16px}.listo-icono{width:80px;height:80px;margin:0 auto;border-radius:50%;background:var(--exito);color:#fff;font-size:2.6rem;display:grid;place-items:center}.listo .resumen{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;text-align:left}.margen{margin:-8px 0 16px}.lista{display:flex;flex-direction:column;gap:12px}.viaje-item{width:100%;text-align:left;cursor:pointer;gap:10px;margin:0}.viaje-item-cabeza{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--suave);font-size:.9rem}.viaje-ruta{font-weight:700;font-size:1.1rem}.cifras{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.cifras dt{color:var(--suave);font-size:.85rem}.cifras dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.cifras .destacado dt,.cifras .destacado dd{color:var(--exito)}.estado{border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;white-space:nowrap}.estado.pagado{background:color-mix(in srgb,var(--exito) 18%,var(--tarjeta));color:var(--exito)}.estado.pendiente{background:color-mix(in srgb,var(--acento) 24%,var(--tarjeta));color:var(--texto)}.detalle-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 0 12px}.fotos{display:flex;flex-wrap:wrap;gap:12px}.miniatura{display:flex;flex-direction:column;gap:4px;color:var(--suave);font-size:.8rem;text-decoration:none}.miniatura img{width:88px;height:88px;object-fit:cover;border-radius:8px;border:1px solid var(--borde)}.foto-vacia{width:72px;height:72px;display:grid;place-items:center;border-radius:8px;border:1px dashed var(--borde)}.gastos-lista,.historial,.pagos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.gastos-lista li,.historial li,.pagos li{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--borde)}.gastos-lista li:first-child,.historial li:first-child,.pagos li:first-child{border-top:none;padding-top:0}.gasto-linea,.pago-linea{display:flex;justify-content:space-between;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.pago-concepto{min-width:0}.historial-cabeza{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:.9rem}.historial-cabeza span{color:var(--suave)}.texto-notas{margin:0;white-space:pre-wrap}.acciones{display:flex;flex-direction:column;gap:10px}.salir{margin-top:24px}.login{max-width:420px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;align-items:center;gap:16px}.login form{width:100%}.pestanas{position:fixed;left:0;right:0;bottom:0;height:calc(var(--barra) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-inline:max(0px,calc((100% - 560px)/2));display:grid;grid-template-columns:repeat(3,1fr);background:var(--tarjeta);border-top:1px solid var(--borde)}.pestanas button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;font-size:.8rem;color:var(--suave)}.pestanas button span{font-size:1.3rem;line-height:1}.pestanas button.activa{color:var(--texto);font-weight:700}.pestanas button.activa span{color:var(--acento)}