/* Ajusta el Footer al tamaño de la pantalla */
@media (min-width: 992px) {
  /* Permite que la página tenga espacio suficiente para scroll si es necesario */
  html, body {
    height: auto !important;
    min-height: 100% !important;
  }

  main#sp-main {
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 115px) !important; /* Ajuste compensatorio para el menú superior */
  }

  #sp-main-body {
    flex: 1 0 auto !important;
  }


}