/* =============================================
   VIÉS CRIATIVO — responsive.css
   ============================================= */

@media (max-width: 1100px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid   { grid-template-columns: 1fr 1fr; gap: var(--space-xl); }
  .work-grid     { grid-template-columns: repeat(2, 1fr); }
  .method-grid   { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  :root { --space-3xl: 6rem; }

  .main-nav   { display: none; }
  .header-cta { display: none; }
  .mobile-toggle { display: flex; }

  .hero-inner { grid-template-columns: 1fr; }
  .hero-visual { display: none; }

  .about-strip-inner { flex-direction: column; gap: var(--space-xl); }
  .about-stats { grid-template-columns: 1fr 1fr 1fr; }

  .diff-inner { grid-template-columns: 1fr; }
  .diff-visual { height: 320px; }

  .services-header { flex-direction: column; align-items: flex-start; }
  .services-grid   { grid-template-columns: 1fr 1fr; }

  .work-grid { grid-template-columns: 1fr 1fr; }

  .form-grid { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  :root {
    --space-2xl: 4rem;
    --space-3xl: 5rem;
  }

  .container { padding: 0 1.25rem; }

  h1 { font-size: 2.6rem; }
  h2 { font-size: 2rem; }

  .hero-actions { flex-direction: column; }
  .cta-actions  { flex-direction: column; align-items: center; }

  .about-stats  { grid-template-columns: 1fr; }

  .services-grid { grid-template-columns: 1fr; }
  .method-grid   { grid-template-columns: 1fr; }
  .work-grid     { grid-template-columns: 1fr; }

  .footer-grid   { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}