/* FOOTER */
footer {
  background-color: var(--secondary-color);
  background-image: radial-gradient(60.68% 50% at 50% 50%, #002C43 0%, #03222D 100%);
}

footer .logo-desktop {
  max-width: 200px;
  filter: brightness(0) invert(1);
}

footer h3 {
  position:relative;
  margin-top: 0;
  font-size: 1.125rem;
  font-weight: bold;
  color: var(--light);
}

footer h3::after{content:"";display:block;width:15%;min-width:3rem;height:.25rem;margin-top:.5rem;background-color:currentColor}

footer .footer__nav li a:not(.btn) {
  display: block;
  padding: 5px 0;
  font-size: 14px;
  color: var(--light);
  transition: .3s;
}

footer .footer__nav li a i {
  font-size: 10px;
}

footer .footer__nav li a:hover {
  color: var(--primary-color-light);
}

footer .address :is(span, a):not(.btn) {
  color: var(--light);
  font-size: 14px;
  line-height: 25px;
  transition: .3s;
}

footer .address a:not(.btn):hover {
  color: var(--primary-light-color);
}

footer .social {
  gap: 10px;
}

footer .social__icons {
  font-size: 22px;
  opacity: 0.75;
  color: var(--light);
}

footer .social__icons:hover {
  opacity: 1;
}

/* SMALL DEVICE */
@media screen and (max-width: 992px) {
  footer .social {
    justify-content: center;
  }
}

.copyright-footer .selos {
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
}

.copyright-footer img {
  width: 36px;
  aspect-ratio: 1/1;
  object-fit: contain;
}

/* traço embaixo dos títulos */
footer h3::after {
  content: "";
  display: block;
  width: 15%;
  min-width: 3rem;
  height: .25rem;
  margin-top: .5rem;
  background-color: currentColor;
}


@media (max-width: 768px) {
  footer h3::after {
    width: 3.2rem;
    min-width: unset;
    margin: .5rem auto 0;
  }

  footer .col-lg-4.text-light {
    text-align: center;
  }

  footer .col-lg-4.text-light a {
    display: inline-block;
  }

  footer .col-lg-4.text-light p {
    margin-top: 1rem;
    text-align: center;
    position: relative;
  }

  footer .col-lg-4.text-light p::after {
    content: "";
    display: block;
    width: 3rem;
    height: .25rem;
    margin: .6rem auto 0;
    background-color: var(--light);
  }
}

@media (max-width: 394px) {
  footer h3::after,
  footer .col-lg-4.text-light p::after {
    width: 2.4rem;
    height: .18rem;
    margin: .45rem auto 0;
  }
}