footer.site-footer {
  font-family: var(--ff-red-hat-display);
  background-color: var(--gray);
  color: #fff;

  a,
  a:visited {
    color: #fff;
    text-decoration: none;
  }

  .social-media {
    a {
      margin-inline: 0.5rem;

      .social-icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 2px solid #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px;
        transition: all 0.3s ease;
      }

      .social-icon:hover {
        transform: scale(0.9);
      }
    }
  }

  .menu-footer {
    ul {
      list-style: none;
      padding-left: 1rem;

      li {
        margin-bottom: 0.5rem;
      }
    }

    .customer-service {
      .information {
        .additional {
          visibility: visible;
          max-height: 0;
          overflow: hidden;
          transition: margin-top 1s ease, max-height 1s ease;

          &.show {
            max-height: 250px;
            margin-top: 1.25rem;
          }
        }
      }
    }
  }

  .copyright {
    font-size: 15px;
    text-transform: uppercase;
  }
}

/* -- btn flotante to top --- */
.btn-top {
  position: fixed;
  bottom: 120px;
  right: 30px;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background-color: var(--secondary);
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.2s;
  z-index: 9999;
}

.btn-top:hover {
  background-color: var(--secondary);
  transform: translateY(-3px);
}

.btn-top.show {
  display: flex;
  opacity: 1;
}

.btn-top.fade-in {
  animation: fadeIn 0.4s ease forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 600px) {
  .btn-top {
    width: 40px;
    height: 40px;
    font-size: 1.3rem;
    bottom: 120px;
    right: 20px;
  }
}