/* Correção para ícones de redes sociais */
.fab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

/* Estilos para os ícones da seção de Redes Sociais em qualquer contexto */
.fab.fa-facebook-f, 
.fab.fa-instagram,
.fab.fa-twitter,
.fab.fa-youtube {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  font-size: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: none !important;
}

/* Ajustes específicos para cada ícone */
.fab.fa-facebook-f {
  font-size: 14px !important;
}

/* Forçar todos os contêineres de ícones a usar flexbox */
a[class*="rounded-full"],
a[class*="flex items-center justify-center"],
a:has(.fab) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Aplicar a qualquer elemento com fundo vermelho que tenha ícones dentro */
div[class*="bg-primary"] .fab,
[class*="bg-red"] .fab,
[style*="background-color: #a30000"] .fab {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
}

/* Marcar especificamente os ícones de redes sociais no footer principal */
footer .fab,
.bg-primary .fab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}