/* Agência Venone — Responsivo (todas as @media queries ficam aqui) */

@media (max-width: 1024px) {
    .hero { grid-template-columns: 1fr; padding-top: 7.5rem; gap: 2.5rem; }
    .hero h1 { font-size: 2.6rem; }
    .two-col { column-count: 1; }
    .testimonials-grid { grid-template-columns: repeat(2, 1fr); gap: 1.8rem; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .nav-menu {
        position: fixed; top: 0; right: -100%;
        height: 100vh; width: min(80vw, 340px);
        flex-direction: column; justify-content: center; align-items: flex-start;
        padding: 5rem 2.2rem; gap: 1.5rem;
        background: var(--surface); border-left: 1px solid var(--line);
        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: 2.2rem; }
    .hero-deck { font-size: 1.05rem; }
    .portfolio-grid { grid-template-columns: 1fr; gap: 1.8rem; }
    .service-row { grid-template-columns: 1fr; gap: 0.6rem; padding: 1.5rem 0; }
    .service-roman { font-size: 1.9rem; }
    .quote-box blockquote { font-size: 1.4rem; }
    .cta-final h2 { font-size: 1.8rem; }
}

@media (max-width: 480px) {
    body { font-size: 1rem; }
    .chapter h2 { font-size: 1.7rem; }
    .hero h1 { font-size: 1.9rem; }
    .hero-actions .btn { width: 100%; text-align: center; }
    .testimonials-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .footer-links, .footer-authority { align-items: center; }
    .quote-box blockquote { font-size: 1.2rem; min-height: 4.5em; }
    .whatsapp-float { right: 1rem; bottom: 1rem; }
}