Fecha: 10 de julio de 2026
✨ Novedades
- Instalable como app (PWA): la calculadora ahora puede añadirse a la pantalla de inicio del iPhone y abrirse en modo standalone, sin la barra de Safari.
- Funciona sin conexión: se agregó un service worker (
sw.js) con estrategia cache-first, que cachea los assets principales y sigue funcionando sin internet tras la primera visita. - Manifest de aplicación (
manifest.webmanifest): nombre, colores de tema, orientación y set completo de íconos.
Íconos nuevos: set completo (16 a 512px) generado desde un SVG maestro (icons/icon.svg) conrsvg-convert, en azul con símbolo "%", cumpliendo los tamaños que exige iOS (apple-touch-icon120/152/167/180). - Meta tags de iOS:
apple-mobile-web-app-capable,status-bar-style,theme-colorclaro/oscuro, para integración nativa al añadir a pantalla de inicio.
🎨 Rediseño visual (estética iOS / Human Interface Guidelines)
- Tipografía del sistema (`apple-system / San Francisco).
- Paleta y componentes inspirados en iOS: campos tipo "grouped list" con efecto de vidrio esmerilado (blur), azul de sistema
#007AFF/#0A84FF. - Modo oscuro automático vía
prefers-color-scheme.
Padding conenv(safe-area-inset-*)para respetar el notch / Dynamic Island.
🐛 Correcciones
- Corregidos los íconos generados, que perdían color y forma (salían en escala de grises/negro sólido) por usar el renderizador SVG interno de ImageMagick; ahora se generan con
librsvg/rsvg-convert, preservando gradiente y trazos correctamente.
📦 Archivos añadidos/modificados
manifest.webmanifest, sw.js, icons/ (SVG + 8 tamaños PNG), index.html, styles.css, script.js