/* Footer equilibrado cuando el newsletter esta desactivado. */
.store-footer .footer-main.without-newsletter {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.15fr) minmax(160px, .62fr) minmax(240px, 1fr) !important;
  align-items: start !important;
  gap: 42px clamp(44px, 6vw, 90px) !important;
  width: min(1180px, 100%) !important;
  margin-inline: auto !important;
  text-align: left !important;
}

.store-footer .footer-main.without-newsletter .footer-intro,
.store-footer .footer-main.without-newsletter .footer-links {
  width: auto !important;
  min-width: 0;
  text-align: left !important;
}

.store-footer .footer-main.without-newsletter .footer-intro > p {
  max-width: 420px !important;
  margin: 12px 0 20px !important;
}

.store-footer .footer-main.without-newsletter .footer-socials {
  justify-content: flex-start !important;
}

.store-footer .footer-main.without-newsletter .footer-links nav {
  display: grid !important;
  justify-content: stretch !important;
  justify-items: start;
  gap: 11px !important;
}

.store-footer .footer-main.without-newsletter + .footer-created-by {
  margin-top: 34px;
}

@media (max-width: 960px) {
  .store-footer .footer-main.without-newsletter {
    grid-template-columns: minmax(250px, 1fr) minmax(180px, .8fr) !important;
    gap: 38px 54px !important;
  }

  .store-footer .footer-main.without-newsletter .footer-links:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .store-footer .footer-main.without-newsletter,
  .preview-mobile .store-shell .store-footer .footer-main.without-newsletter {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
  }

  .store-footer .footer-main.without-newsletter .footer-links:last-child {
    grid-column: auto;
  }

  .store-footer .footer-main.without-newsletter .footer-intro,
  .store-footer .footer-main.without-newsletter .footer-links,
  .preview-mobile .store-shell .store-footer .footer-main.without-newsletter .footer-intro,
  .preview-mobile .store-shell .store-footer .footer-main.without-newsletter .footer-links {
    text-align: left !important;
  }
}