/* Contenedor principal de los iconos */
.cotiza-social-container {
  display: flex;
  justify-content: center; /* Centra los iconos horizontalmente */
  align-items: center; /* Centra los iconos verticalmente */
  gap: 30px; /* Espaciado entre los iconos */
  padding: 20px 0; /* Espaciado superior e inferior */
  font-family: sans-serif; /* O la fuente de tu sitio */
}

/* Estilo base para cada enlace de icono */
.social-icon {
  font-size: 2.5rem; /* Tamaño del icono */
  text-decoration: none; /* Quita el subrayado del enlace */
  color: #888; /* Color por defecto (gris) para que resalten al hover */
  transition: color 0.3s ease, transform 0.3s ease; /* Transiciones suaves */
}

/* Efecto al pasar el ratón: aumento de tamaño */
.social-icon:hover {
  transform: scale(1.15); /* Aumenta un 15% al pasar el ratón */
}

/* COLORES OFICIALES DE MARCA AL HOVER */

/* TikTok - Negro */
.tiktok:hover {
  color: #000000;
}

/* WhatsApp - Verde oficial */
.whatsapp:hover {
  color: #25D366;
}

/* Facebook - Azul oficial */
.facebook:hover {
  color: #1877F2;
}

/* Instagram - Efecto de degradado oficial */
.instagram:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text; /* Aplica el degradado solo al texto/icono */
  -webkit-text-fill-color: transparent; /* Hace el icono transparente para ver el fondo */
  color: transparent; /* Compatibilidad para otros navegadores */
}