.footer {
  background-color: #0b0c0e;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('https://logikom.b-cdn.net/projects/logimobile_uy/images/logimobile-footer-bg.png');
  background-size: cover;
  color: #8c8c92;

  .pre-footer {
    padding-top: 40px;
    padding-bottom: 20px;

    .footer-logo {
      max-width: 160px;
      width: 100%;
      padding-bottom: 10px;
    }
    .description {
      max-width: 300px;
      width: 100%;
      padding-top: 25px;
      font-size: 1rem;
    }

    /* .pre-footer-column:first-child {
      width: 25%;
    } */

    /* .pre-footer-column:not(:first-child) {
      padding-top: 20px;
    } */

    .pre-footer-column:not(:first-child) {
      margin-top: 30px;
    }

    .pre-footer-column_title {
      font-size: 1.5rem;
      padding-bottom: 10px;

      /* &:after {
        content: '';
        display: block;
        border-bottom: 2px solid var(--color-brand);
        position: relative;
        bottom: -5px;
      } */
    }

    .footer-menu-list li {
      padding-bottom: 10px;
    }

    a, a:link, a:hover, a:visited {
      color: var(--color-text-base);
    }
  }

  .footer-bar {
    box-shadow: inset 0 1px 0 rgb(130 130 130 / .12);
    border-top: 1px solid var(--color-gray-two);
    padding: 25px 0;
    color: white;
    font-size: 14px;
  }

  @media (min-width: 64em) {
    .pre-footer {
      .pre-footer-column:not(:first-child) {
        margin-top: 0;
      }
    }
  }
}