/** RESPONSIVE: reglas que se activan según el ancho de la pantalla. */
/* Menos de 1200 px: industrias en dos columnas. */
@media (max-width: 1200px) {
  .ind-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Menos de 1024 px: secciones complejas pasan a una columna. */
@media (max-width: 1024px) {
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 44px;
    padding: 80px 5%;
  }
  .hero-right {
    display: none;
  }
  .sist-img-main {
    height: 320px;
  }
  .freq-grid {
    grid-template-columns: 1fr;
  }
  .ps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .servicios-grid {
    grid-template-columns: 1fr;
  }
  .blog-featured {
    grid-template-columns: 1fr;
  }
  .blog-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .foot-main {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .roi-grid {
    grid-template-columns: 1fr;
  }
  .sol-intro {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .pain-inner {
    grid-template-columns: 1fr 1fr;
  }
}
/* Menos de 768 px: menú móvil y tarjetas en una columna. */
@media (max-width: 768px) {
  .topbar {
    display: none;
  }
  .sol-tabs {
    grid-template-columns: repeat(3, 1fr);
  }
  .spanel-wrap {
    grid-template-columns: 1fr;
  }
  .spanel-img {
    min-height: 260px;
  }
  .ps-grid {
    grid-template-columns: 1fr;
  }
  .blog-grid-3 {
    grid-template-columns: 1fr;
  }
  .foot-main {
    grid-template-columns: 1fr;
  }
  .foot-bot-in {
    flex-direction: column;
    text-align: center;
  }
  .nav-links {
    display: none;
  }
  .hamburger {
    display: flex;
  }
  section {
    padding: 68px 5%;
  }
  .cta-inner {
    padding: 72px 5%;
  }
  .istrip {
    gap: 18px;
    padding: 14px 5%;
  }
  .pain-inner {
    grid-template-columns: 1fr;
  }
  .ind-grid {
    grid-template-columns: 1fr;
  }
}
/* Menos de 540 px: pestañas en dos columnas y botones apilados. */
@media (max-width: 540px) {
  .sol-tabs {
    grid-template-columns: repeat(2, 1fr);
  }
  .cta-btns {
    flex-direction: column;
    align-items: center;
  }
}