/* Estilos específicos para Firefox móvil PWA */
#firefox-pwa-instructions {
    animation: slideUp 0.3s ease-out;
}

@keyframes slideUp {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.pwa-install-btn:hover {
    transform: scale(1.05);
}

/* Estilos responsive */
@media (max-width: 480px) {
    #pwa-install-btn {
        bottom: 20px;
        right: 20px;
        font-size: 14px;
        padding: 10px 20px;
    }
    
    #firefox-pwa-instructions {
        left: 10px;
        right: 10px;
        max-width: none;
        bottom: 70px;
    }
}