/* RODAPÉ */
.site-footer{
  background: var(--black);
  color: var(--white);
  padding: 50px 0 20px;
  margin-top: 40px;
}
.footer-grid{
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: start;
  margin-bottom: 30px;
}
.footer-brand .brand{
  display:flex; align-items:center; gap:.6rem;
  font-weight:800; color:var(--white); text-decoration:none;
}
.footer-brand p{ margin:10px 0 0; color: var(--gray-400); }

.footer-nav h3, .footer-contact h3, .footer-social h3{
  font-size:1rem; margin:0 0 10px; color: var(--green-500);
}
.footer-nav ul, .footer-contact ul, .footer-social ul{
  list-style:none; padding:0; margin:0; display:grid; gap:8px;
}
.footer-nav a{
  color: var(--gray-200); text-decoration:none;
}
.footer-nav a:hover{ color: var(--green-500); }

.footer-contact ul li{ color: var(--gray-200); }

.footer-social ul{
  display:flex; gap:12px;
}
.footer-social img{
  width:28px;
  height:28px;
  transition: transform 0.3s ease-in-out;  /* Para o efeito suave de escala */
}

.footer-social img:hover{
  transform: scale(1.1);  /* Aumenta o ícone em 10% */
}

.footer-bottom{
  text-align:center;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.1);
  color: var(--gray-400);
  font-size:.9rem;
}
@media (prefers-color-scheme: dark){
  .site-footer{
    background:#050608;
    color: var(--white);
  }

  .footer-brand p{
    color: rgba(255,255,255,.78);
  }

  .footer-nav a{
    color: rgba(255,255,255,.85);
  }

  .footer-contact ul li{
    color: rgba(255,255,255,.82);
  }

  .footer-social img{
    width:28px;
    height:28px;
    transition: transform 0.3s ease-in-out;  /* Para o efeito suave de escala */
  }

  .footer-social img:hover{
    transform: scale(1.1);  /* Aumenta o ícone em 10% */
  }

  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.72);
  }
}