.footer-adr {
  width: 100%;
}

.footer-background {
  width: 100%;
  background-color: var(--color-primary-blue);
  padding: 2rem 0;
}

.footer-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;

    .footer-info {
      color: #6c757d;
    }

    .footer-menus {
      display: flex;
      justify-content: space-between;
      width: 100%;

      .footer-social,
      .footer-navigation,
      .footer-navigation-2,
      .footer-contact {
        flex: 1;
      }

      .footer-social {
        display: flex;
        flex-direction: column;
        gap: 37px;

        @media (max-width: 768px) {
          align-items: flex-start;
        }

        .footer-social-icons {
          display: flex;
          gap: 18px;
          margin-bottom: 8px; /* Reduce el espacio debajo de los iconos */
        }        .footer-partner-logos {
          display: flex;
          flex-direction: column;
          gap: 12px;
          align-items: flex-start;
          justify-content: flex-start;
          margin-top: 20px;
          margin-left: 0;
          padding-left: 0;
          
          a {
            display: block;
            margin-left: 0;
            
            img {
              height: 55px;
              width: auto;
              margin-left: 0;
              display: block;
            }
          }
          
          @media (max-width: 768px) {
            align-items: flex-start;
          }
        }

        .footer-partner-title-block {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          width: fit-content;
        }
        .footer-partner-title {
          color: var(--sds-color-text-neutral-on-neutral, #F3F3F3);
          font-family: var(--sds-typography-body-font-family);
          font-size: var(--sds-typography-body-size-medium);
          font-style: normal;
          font-weight: var(--sds-typography-body-font-weight-strong);
          line-height: 140%;
          display: block;
          margin-bottom: 10px; /* Separación del texto respecto a los logos */
          width: fit-content;
        }
        .footer-partner-separator {
          border: none;
          border-top: 2px solid #818183;
          width: 100%;
          min-width: 0;
          max-width: 100%;
          margin: -45px 0 30px 0; /* Margen negativo arriba para acercar a los iconos */
          height: 0;
          display: block;
        }
        .footer-partner-club {
          text-align: left;
          margin-top: 24px;
        }

        .footer-partner-logos-inline {
          display: flex;
          gap: 12px;
          align-items: center;
          justify-content: flex-start;
          margin-top: 10px;
          
          a {
            display: inline-block;
            line-height: 0;
            
            &:first-child {
              margin-right: 0;
            }
            
            svg, img {
              height: 36px;
              width: auto;
              display: block;
            }
          }
          
          @media (max-width: 768px) {
            justify-content: flex-start;
          }
        }
      }

      .footer-navigation,
      .footer-navigation-2 {
        display: flex;
        flex-direction: column;
        gap: 27px;

        h3 {
          color: #f3f3f3;
          font-size: 18px;
          font-weight: 600;
          line-height: 140%;
        }
        .footer-menu,
        .footer-menu-2 {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          flex-direction: column;
          gap: 14px;

          a {
            color: #f3f3f3;
            font-size: 18px;
            font-weight: 400;
            line-height: 140%;
            text-decoration: none;
            transition: color 0.3s ease;
          }
        }
      }

      .footer-contact {
        display: flex;
        flex-direction: column;
        gap: 27px;

        @media (max-width: 768px) {
          align-items: flex-start;
        }

        h3 {
          color: #f3f3f3;
          font-size: 18px;
          font-weight: 600;
          line-height: 140%;
        }

        p {
          color: #f3f3f3;
          font-size: 18px;
          font-weight: 400;
          line-height: 140%;
        }

        a {
          padding: 12px 16px;
          text-decoration: none;
          color: #f3f3f3;
          font-size: 18px;
          font-weight: 400;
          line-height: 140%;
          border-radius: 4px;
          border: 1px solid #f3f3f3;
          width: fit-content;
          transition: all 0.3s ease;

          &:hover {
            color: var(--color-gray-900);
            background-color: #f3f3f3;
          }
        }

        .footer-contact-text a {
          color: inherit;
          text-decoration: none;
          border: none;
          padding: 0;
          background: none;
          border-radius: 0;
          width: auto;
          transition: none;

          &:hover {
            color: inherit;
            background: none;
            text-decoration: none;
          }
        }
      }
    }
  }

/* Responsive */
@media (max-width: 768px) {
  .footer-content {
    flex-direction: column;
    text-align: left;
    gap: 1rem;

    .footer-menus {
      margin-left: 0;
      flex-direction: column;
      gap: 1rem;

      .footer-navigation,
      .footer-navigation-2,
      .footer-contact {
        h3 {
          margin-top: 2rem !important;
          margin-bottom: 0.1rem !important;
        }
        
        &:first-child h3 {
          margin-top: 0 !important;
        }
      }

      .footer-navigation,
      .footer-navigation-2 {
        .footer-menu,
        .footer-menu-2 {
          flex-direction: column;
          gap: 0.5rem;
        }
      }
    }
  }
}