 <section id="funcionalidades" class="my-16 text-center">
            <h2 class="text-4xl font-bold mb-6 text-green-900">Recursos Disponíveis</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
                <div class="bg-white p-6 rounded-lg shadow-md hover-effect">
                    <h3 class="text-xl font-semibold text-green-700">Visão no Tempo Desejado</h3>
                    <p class="text-gray-700">Acompanhe com precisão temperatura, umidade, 