/* ==========================================================================
   RESPONSIVE — ajustes finos por breakpoint (mobile-first overrides)
   Breakpoints objetivo: 1920 / 1440 / 1366 / 1024 / 768 / 430 / 390 / 360
   ========================================================================== */

@media (max-width: 1440px) {
  :root { --container-max: 1240px; }
}

@media (max-width: 1024px) {
  .catalog-layout { grid-template-columns: 1fr; }
  .mega-menu { grid-template-columns: 1fr 1fr; }
  .mega-menu__visual { display: none; }
}

@media (max-width: 900px) {
  .hero__stats { grid-template-columns: repeat(2, 1fr); }
  .split-block, .mining-section__grid { grid-template-columns: 1fr; }
  .stats-strip, .process-steps { grid-template-columns: repeat(2, 1fr); }
  .quote-widget__grid { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 768px) {
  h1 { max-width: 100% !important; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .industry-grid { grid-template-columns: repeat(2, 1fr); }
  .form-grid { grid-template-columns: 1fr; }
  .cat-block { aspect-ratio: 3/4; }
}

@media (max-width: 640px) {
  .hero__actions .btn, .cta-band__actions .btn { width: 100%; }
  .hero__actions, .cta-band__actions { flex-direction: column; }
  .quote-widget__grid { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .product-info__specs { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .container { padding-inline: 1.1rem; }
  .hero__stats { grid-template-columns: 1fr 1fr; gap: var(--space-sm); }
  .product-grid, .industry-grid { grid-template-columns: 1fr; }
  .stats-strip, .process-steps { grid-template-columns: 1fr; }
  .btn { width: 100%; }
  .nav-actions .btn { width: auto; }
}

@media (max-width: 360px) {
  :root { --fs-h1: 2.2rem; --fs-h2: 1.8rem; }
  .container { padding-inline: 1rem; }
}

/* Prevent horizontal scroll anywhere */
html, body { max-width: 100%; overflow-x: hidden; }