/* General icon styles */


/* Container styles */
.icon-container {
  display: flex;
  gap: 1rem; /* Espacio entre los iconos */
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}

/* Elimina los estilos predeterminados del enlace */
.icon-link {
  text-decoration: none; /* Sin subrayado */
  color: inherit; /* Hereda el color del ícono */
  display: inline-flex; /* Alineación adecuada */
}

/* Asegúrate de que el hover funcione */
.icon-link:hover .custom-icon {
  color: #000000; /* Cambia el color al pasar el ratón */
  transform: scale(1.2); /* Aplica la escala */
}

/* Estilo general para los íconos */
.custom-icon {
  font-size: 2rem;
  color: #288BCC;
  transition: transform 0.3s ease, color 0.3s ease;
}