/* Responsividade */
        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }
            
            .hero h1 {
                font-size: 2.2rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
            
            .produtos {
                grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            }
        }