/* ==========================================================================
   Rodapé
   ========================================================================== */

.footer-logo-img {
  max-height: 60px;
  height: auto;
}

/* Footer 4-col layout additions */
.footer-nav-link {
  color: #aaaaaa;
  text-decoration: none;
  font-size: 0.85rem;
  transition: color 0.2s;
}

.footer-nav-link:hover {
  color: var(--color-orange);
  text-decoration: none;
}

.footer-v2-col-title {
  color: var(--color-white);
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}

@media (max-width: 768px) {
    .footer-logo-img {
        max-width: 150px;
      }

    .footer-dev-credit {
        display: block;
        margin-top: 4px;
      }
}

/* Adicionar margem no footer principal apenas quando o sticky estiver ativo */
#colophon.footer-turbo-active {
    margin-bottom: 120px;
}

@media (max-width: 768px) {
    #colophon.footer-turbo-active {
            margin-bottom: 150px;
        }
}

/* Adicionar margem no footer principal apenas quando o sticky estiver ativo */
#colophon.footer-countdown-active {
    margin-bottom: 120px;
}

@media (max-width: 768px) {
    #colophon.footer-countdown-active {
            margin-bottom: 170px;
        }
}

.footer-main {
    background-color: var(--color-black);
    padding: 3rem 0 1.5rem;
}

.footer-muted {
    color: #aaaaaa;
    font-size: 0.85rem;
}

.footer-social-grid {
    display: grid;
    grid-template-columns: repeat(3, min-content);
    gap: 2rem;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 1.25rem;
}

.footer-copyright {
    font-size: 0.78rem;
    color: #bbbbbb;
}