/* Responsividade */

        @media screen and (max-width: 768px) {

            .nav-links {

                display: none;

                flex-direction: column;

                width: 100%;

                position: absolute;

                top: 70px;

                left: 0;

                background-color: var(--azul-vibrante);

                padding: 1rem 0;

            }

            

            .nav-links.active {

                display: flex;

            }

            

            .nav-links li {

                margin: 1rem 0;

                text-align: center;

            }

            

            .hamburger {

                display: block;

            }

            

            .hero {

                padding: 6rem 1rem 3rem;

            }

            

            .hero h1 {

                font-size: 2rem;

            }

            

            section {

                padding: 3rem 1rem;

            }

            

            .whatsapp-float {

                width: 50px;

                height: 50px;

                bottom: 20px;

                right: 20px;

                font-size: 24px;

            }

        }