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

@media (max-width: 1024px) {
    .hero, .split, .works, .quotes, .contact, .authority { padding-left: 1.5rem; padding-right: 1.5rem; }
    .split { grid-template-columns: 1fr; gap: 1.4rem; }
    .split-index { flex-direction: row; align-items: baseline; }
    .service-row { grid-template-columns: 70px 1fr; }
    .service-row p { grid-column: 2; }
    .work-panel.active { grid-template-columns: 1fr; }
    .work-panel figure { border-right: 0; border-bottom: 1px solid var(--line-dark); }
    .work-panel img { min-height: 220px; max-height: 300px; }
    .principles-list { grid-template-columns: repeat(3, 1fr); }
    .quotes-grid { grid-template-columns: repeat(2, 1fr); gap: 1.8rem; }
    .hero-meta { grid-template-columns: repeat(2, 1fr); }
    .hero-meta div { border-bottom: 1px solid var(--line); }
}

@media (max-width: 768px) {
    .nav-menu {
        position: fixed; top: 0; right: -100%;
        height: 100vh; width: min(78vw, 300px);
        flex-direction: column; justify-content: center; align-items: flex-start;
        padding: 5rem 2rem; gap: 1.5rem;
        background: var(--white); border-left: 1px solid var(--line-dark);
        transition: right 0.35s ease;
    }
    .nav-menu.open { right: 0; }
    .mobile-toggle { display: flex; z-index: 1200; }
    .hero { padding-top: 7.5rem; }
    .quotes-grid { grid-template-columns: 1fr; }
    .principles-list { grid-template-columns: repeat(2, 1fr); }
    .footer-inner { grid-template-columns: 1fr 1fr; }
    .tab { flex: 1 1 50%; border-bottom: 1px solid var(--line-dark); }
    .grid-toggle { display: none; }
}

@media (max-width: 480px) {
    body { font-size: 0.98rem; }
    h2 { font-size: 1.5rem; }
    .hero { padding-top: 6.5rem; }
    .hero-actions { flex-direction: column; align-items: flex-start; gap: 1.1rem; }
    .hero-meta { grid-template-columns: 1fr 1fr; }
    .service-row { grid-template-columns: 1fr; gap: 0.3rem; }
    .service-row p { grid-column: auto; }
    .principles-list { grid-template-columns: 1fr; }
    .footer-inner { grid-template-columns: 1fr; gap: 1.4rem; }
    .whatsapp-float { right: 1rem; bottom: 1rem; font-size: 0.7rem; padding: 0.7rem 1rem; }
}