Lo que todo deployable debe respetar
La fuente de verdad vive en interfaz-devhub-engine/templates/interfaz-saas-framework/v1.3.0/. Esta vitrina se sincroniza desde ahí.
VIEWPORT-SHELL.md
- El documento nunca hace scroll; un solo
.ix-scrollerdentro de.ix-viewport. - Alturas estructurales solo con
100svh(ventana) y100lvh(lienzo). - Safe-area medido una vez y congelado;
visualViewportsolo para el teclado. - Header y dock flotan fuera del scroller; la máscara del scroller oculta la franja exterior y desvanece bajo las esquinas.
- Modales, paneles y rails viven dentro de la ventana, nunca dentro del scroller.
MOTION.md
- El efecto pegajoso se dibuja con un filtro SVG dentro de
<svg>: mismo resultado en Chrome y Safari. - Los controles reales conservan layout, foco y clics; el goo solo pinta.
- El progreso sigue al scroll (300 px por recorrido completo), nunca a temporizadores.
- Las curvas son tokens (
--ix-ease-*); ningún producto inventa las suyas. - Con “reducir movimiento” todo funciona sin animación.