/* Azul Marketing — 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.2rem; }
    .layer-grid { grid-template-columns: 1fr 1fr; }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .results-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonials-wrap { grid-template-columns: repeat(2, 1fr); }
    .plans-grid { grid-template-columns: 1fr; max-width: 480px; }
    .calc { grid-template-columns: 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(--navy-2); border-left: 1px solid var(--border);
        transition: right 0.35s ease;
    }
    .nav-menu.open { right: 0; }
    .mobile-toggle { display: flex; z-index: 1200; }
    .layer-grid { grid-template-columns: 1fr; }
    .kpi-row { grid-template-columns: 1fr; }
    .hero { padding-top: 6.5rem; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
    h2 { font-size: 1.5rem; }
    .hero h1 { font-size: 1.8rem; }
    .hero-actions .btn { width: 100%; text-align: center; }
    .services-grid { grid-template-columns: 1fr; }
    .results-grid { grid-template-columns: 1fr; }
    .testimonials-wrap { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .footer-links, .footer-authority { align-items: center; }
    .calc { padding: 1.3rem; }
    .calc-kpi strong { font-size: 1.05rem; }
    .whatsapp-float { right: 1rem; bottom: 1rem; font-size: 0.78rem; }
}