/* ─── RESPONSIVE BREAKPOINTS ─── */
@media(max-width:1024px){
  .hero-split{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:2rem 0}
  .hero-left{text-align:center;align-items:center}
  .hero-badge{margin:0 auto 2rem}
  .hero-name{font-size:clamp(2.5rem,7vw,5rem)}
  .hero-ctas{justify-content:center}
  .hero-image-wrapper{width:300px;height:300px;margin-top:1rem}
  .hero-image-badge.badge-top{right:0;top:-5%}
  .hero-image-badge.badge-bottom{left:0;bottom:-5%}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}
  .about-visual{order:-1}
  .about-image-wrapper{width:280px;height:280px}
  .projects-grid{grid-template-columns:1fr}
  .slide-overlay{padding:2rem}
  .slide-overlay h3{font-size:clamp(1.2rem,3vw,2rem)}
}
@media(max-width:768px){
  nav{padding:.75rem 1.25rem}
  .nav-center,.nav-cta-wrap{display:none}
  .nav-burger{display:flex}
  section{padding:5rem 1.25rem}
  .hero{padding:5rem 1.25rem 3rem}
  .hero-name{font-size:clamp(2rem,10vw,3.5rem)}
  .hero-badge{font-size:.7rem;padding:.4rem 1rem}
  .hero-ctas{flex-direction:column;align-items:center}
  .btn-primary,.btn-ghost{width:100%;justify-content:center;max-width:280px}
  .hero-image-wrapper{width:220px;height:220px}
  .hero-image-badge{font-size:.65rem;padding:.4rem .75rem}
  .about-image-wrapper{width:220px;height:220px}
  .about-float-badge{display:none}
  .about-stats{gap:.75rem}
  .stat-num{font-size:1.6rem}
  .stat-card{padding:.75rem .5rem}
  .modules-grid,.ai-grid{grid-template-columns:1fr}
  .certs-timeline{padding-left:2.5rem}
  .cert-item::before{left:-2.5rem;width:12px;height:12px}
  .contact-grid{gap:2rem}
  .slider-controls{padding:0 .75rem}
  .slider-btn{width:40px;height:40px;font-size:1rem}
  .cursor-dot,.cursor-ring{display:none!important}
  .hero-scroll{display:none}
  .whatsapp-btn{width:52px;height:52px;font-size:1.5rem}
  .whatsapp-float{bottom:1.5rem;right:1.5rem}
  .footer-links{gap:1rem}
  .footer-social{gap:.75rem}
}
@media(max-width:480px){
  .about-stats{grid-template-columns:1fr 1fr 1fr;gap:.5rem}
  .hero-name{font-size:2rem}
  .hero-image-wrapper{width:180px;height:180px}
  .hero-image-badge{display:none}
  .slide-overlay{padding:1.25rem}
  .slide-overlay p{font-size:.85rem}
  .slide-overlay .slide-tech{gap:.35rem}
  .contact-link{padding:.75rem 1rem}
  .cert-item{padding:1.25rem 1.25rem}
  .footer-links{flex-direction:column;gap:.75rem}
  .whatsapp-btn{width:48px;height:48px;font-size:1.3rem}
  .whatsapp-float{bottom:1rem;right:1rem}
}