/* 
 * Estilos específicos para ícones de redes sociais em fundo vermelho
 * Este arquivo atende especificamente ao componente mostrado na imagem
 */

/* Normalizar tamanho dos círculos */
.bg-primary a[class*="rounded-full"],
.bg-red-600 a[class*="rounded-full"],
a[class*="bg-white/10"][class*="rounded-full"],
a[class*="rounded-full"] {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

/* Centralizar os ícones dentro dos círculos */
.bg-primary .fab,
.bg-red-600 .fab,
a[class*="bg-white/10"] .fab,
a[class*="rounded-full"] .fab {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}

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

/* Ajustes específicos para o Twitter */
.fab.fa-twitter {
  font-size: 15px !important;
}

/* Ajustes específicos para o YouTube */
.fab.fa-youtube {
  font-size: 15px !important;
}