/* Responsividade */

        @media (max-width: 768px) {

            .hamburger {

                display: block;

            }

            

            .nav-links {

                position: fixed;

                top: 70px;

                left: -100%;

                width: 100%;

                height: calc(100vh - 70px);

                background-color: var(--secondary);

                flex-direction: column;

                align-items: center;

                justify-content: flex-start;

                padding-top: 50px;

                transition: left 0.3s;

            }

            

            .nav-links.active {

                left: 0;

            }

            

            .nav-links li {

                margin: 15px 0;

            }

            

            .hero {

                padding: 150px 0 80px;

            }

            

            .hero h1 {

                font-size: 2rem;

            }

            

            section {

                padding: 60px 0;

            }

        }

        

        /* Efeito Fade Down para botões de compra */

        .fade-down {

            animation: fadeDown 1s ease-out;

        }

        

        @keyframes fadeDown {

            0% {

                opacity: 0;

                transform: translateY(-20px);

            }

            100% {

                opacity: 1;

                transform: translateY(0);

            }

        }