@media (max-width: 980px) {
  .hero-inner {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .hero-art {
    order: -1;
    min-height: 220px;
    margin-top: 20px;
  }
  .hero-art img {
    width: 70%;
  }
  .servicios-grid,
  .metodo-steps,
  .portfolio-grid,
  .equipo-grid {
    grid-template-columns: 1fr;
  }
  .metodo-step:not(:last-child)::after {
    display: none;
  }
  .metodo-step + .metodo-step {
    padding-left: 0;
    margin-top: 36px;
  }
  .planes-panel {
    grid-template-columns: 1fr;
    padding: 40px 28px;
  }
  .contacto-inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .form-row {
    grid-template-columns: 1fr;
  }
  section {
    padding: 76px 0;
  }
}

@media (max-width: 520px) {
  .wrap,
  .nav-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}