*{box-sizing:border-box}body{color:#1c1e21;background:#f4f5f7;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:480px;margin:0 auto;padding:20px 16px 100px}a{color:#1f6feb}h1{margin:0 0 4px;font-size:1.4rem}.subtitulo{color:#5b6168;margin:0 0 20px}.tarjeta{background:#fff;border-radius:14px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #00000014}.boton{text-align:center;cursor:pointer;color:#fff;background:#1f6feb;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;text-decoration:none;display:block}.boton:disabled{cursor:not-allowed;background:#9bb7e6}.boton-secundario:disabled{color:#9aa0a6;background:#eceef1}h2{margin:24px 0 10px;font-size:1.1rem}.boton-secundario{color:#1c1e21;background:#e8eaed;margin-top:10px}.oculto{display:none}.vista-previa{object-fit:contain;background:#eceef1;border-radius:10px;width:100%;max-height:360px;margin-bottom:12px}.dato{border-bottom:1px solid #eceef1;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.dato:last-child{border-bottom:none}.dato span:first-child{color:#5b6168}.dato span:last-child{text-align:right;word-break:break-word;font-weight:600}.monto{margin:4px 0 8px;font-size:2rem;font-weight:700}.aviso{background:#fff7e0;border:1px solid #f0d58a;border-radius:10px;padding:12px;font-size:.9rem}.error{background:#fdecec;border:1px solid #f2b8b5;border-radius:10px;padding:12px}.etiqueta{color:#5b6168;font-size:.9rem}.selector-dia{text-align:center;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.selector-dia strong{font-size:1.3rem;display:block}.selector-dia span{color:#5b6168;font-size:.9rem}.selector-dia button{cursor:pointer;background:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;box-shadow:0 1px 3px #00000014}.selector-dia button:disabled{opacity:.3;cursor:default}.desglose{border-top:1px solid #eceef1;margin-top:14px;padding-top:4px}.fila-desglose .dato{border-bottom:none;padding-bottom:4px}.barra{background:#eceef1;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.barra div{background:#1f6feb;height:100%}.movimiento{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.movimiento:last-child{border-bottom:none}.movimiento strong,.movimiento span{display:block}.movimiento span{color:#5b6168;word-break:break-word;font-size:.9rem}.movimiento button{color:#5b6168;cursor:pointer;background:#f4f5f7;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px}.campo{margin-bottom:16px;font-weight:600;display:block}.campo input,.campo select{width:100%;font:inherit;background:#fff;border:1px solid #d0d4d9;border-radius:10px;margin-top:6px;padding:12px;font-weight:400;display:block}.campo small{color:#5b6168;margin-top:8px;font-weight:400;display:block}.campo-doble{gap:12px;display:flex}.campo-doble .campo{flex:1;min-width:0}.entrada-monto{border:1px solid #d0d4d9;border-radius:10px;align-items:center;margin-top:6px;padding-left:12px;font-size:1.6rem;font-weight:700;display:flex}.entrada-monto input{border:none;outline:none;margin:0;font-size:1.6rem;font-weight:700}.opciones{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.opcion{font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d4d9;border-radius:999px;padding:10px 14px;font-weight:400}.opcion.activa{color:#fff;background:#1f6feb;border-color:#1f6feb}.nota-privacidad{color:#5b6168;text-align:center;font-size:.85rem}.nav-inferior{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e1e4e8;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-inferior a{color:#5b6168;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0;font-size:.8rem;text-decoration:none;display:flex}.nav-inferior a span{font-size:1.3rem}.nav-inferior a.activo{color:#1f6feb;font-weight:600}.comparacion{margin-top:8px;font-size:.9rem;font-weight:600}.comparacion.sube{color:#1a7f37}.comparacion.baja{color:#c62828}.fila-dia{color:inherit;text-decoration:none;display:block}.fila-dia .dato{border-bottom:none;padding-bottom:4px}.fila-dia span:first-child:first-letter{text-transform:uppercase}
