/* Cameleum — Responsivo (todas as @media queries ficam aqui) */

@media (max-width: 1024px) {
    .hero { grid-template-columns: 1fr; padding-top: 7.5rem; }
    .hero h1 { font-size: 2.4rem; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
    .studio-grid { grid-template-columns: 1fr; }
    .process-track { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .nav-menu {
        position: fixed; top: 0; right: -100%;
        height: 100vh; width: min(80vw, 320px);
        flex-direction: column; justify-content: center; align-items: flex-start;
        padding: 5rem 2rem; gap: 1.4rem;
        background: var(--cream); border-left: 3px solid var(--ink);
        transition: right 0.35s ease;
    }
    .nav-menu.open { right: 0; }
    .mobile-toggle { display: flex; z-index: 1200; }
    .hero { padding-top: 6.5rem; }
    .hero h1 { font-size: 2rem; }
    .hero-art img { box-shadow: 8px 8px 0 var(--yellow); }
    .testimonials-grid { grid-template-columns: 1fr; }
    .testimonial:nth-child(2), .testimonial:nth-child(3) { transform: none; }
}

@media (max-width: 480px) {
    h2 { font-size: 1.55rem; }
    .hero h1 { font-size: 1.75rem; }
    .hero-hand { font-size: 1.15rem; }
    .hero-actions .btn { width: 100%; text-align: center; }
    .gallery-grid { grid-template-columns: 1fr; }
    .process-track { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .footer-links, .footer-authority { align-items: center; }
    .studio-facts { gap: 1.4rem; }
    .whatsapp-float { right: 1rem; bottom: 1rem; font-size: 0.78rem; padding: 0.7rem 1.05rem; }
}