@media (max-width: 1024px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .modules-grid { grid-template-columns: repeat(2, 1fr); }
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
  .skills-content { grid-template-columns: repeat(2, 1fr); }
  .cert-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-track { grid-template-columns: repeat(2, 1fr); }
  .about-grid { grid-template-columns: 1fr; gap: 48px; }
  .about-visual { order: -1; }
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .nav-links { position: fixed; inset: 0; background: rgba(248,249,252,0.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); flex-direction: column; justify-content: center; align-items: center; gap: 8px; opacity: 0; visibility: hidden; transition: all 0.4s var(--ease-out-expo); z-index: 1000; }
  .nav-links.open { opacity: 1; visibility: visible; }
  .nav-link { font-size: 1.2rem; padding: 12px 24px; }
  .nav-cta { margin-left: 0; margin-top: 8px; }
  .nav-toggle { display: flex; }
  .hero { padding: 100px 0 60px; }
  .hero-stats { gap: 20px; }
  .stat-divider { display: none; }
  .stat-number { font-size: 1.8rem; }
  .hero-scroll { display: none; }
  .services-grid { grid-template-columns: 1fr; }
  .modules-grid { grid-template-columns: 1fr; }
  .portfolio-grid { grid-template-columns: 1fr; }
  .skills-content { grid-template-columns: 1fr; }
  .cert-grid { grid-template-columns: 1fr; }
  .testimonials-track { grid-template-columns: 1fr; }
  .about-image-wrapper { min-height: 300px; }
  .about-image-placeholder { width: 200px; height: 200px; }
  .about-initial { font-size: 4.5rem; }
  .about-float-card { font-size: 0.75rem; padding: 8px 14px; }
  .footer-inner { flex-direction: column; gap: 16px; text-align: center; }
  .slider-slide { padding: 0 10px; }
}

@media (max-width: 480px) {
  .hero-actions { flex-direction: column; align-items: center; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { flex-direction: column; gap: 16px; }
  .portfolio-results { flex-direction: column; gap: 16px; }
  .contact-socials { justify-content: center; }
  .whatsapp-btn { width: 52px; height: 52px; }
  .whatsapp-btn svg { width: 26px; height: 26px; }
  .whatsapp-float { bottom: 20px; right: 20px; }
  .whatsapp-tooltip { display: none; }
}