/* Estilos para los botones flotantes */
.floating-buttons {
  position: fixed; /* Mantiene los botones fijos en la pantalla */
  bottom: 20px;    /* Distancia desde el borde inferior */
  right: 20px;     /* Distancia desde el borde derecho */
  z-index: 1000;   /* Asegura que los botones estén por encima de otros elementos */
}

.floating-buttons a {
  display: block;
  margin-bottom: 10px; /* Espacio entre los botones */
  width: 50px;         /* Ancho del ícono */
  height: 50px;        /* Alto del ícono */
  border-radius: 50%;  /* Hace que el ícono tenga forma circular */
  background-color: #25D366; /* Fondo verde para WhatsApp */
  text-align: center;
  line-height: 50px;   /* Centra el ícono verticalmente */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Sombra para un efecto flotante */
}

.floating-buttons .facebook-button {
  background-color: #1877f2; /* Fondo azul para Facebook */
}

.floating-buttons img {
  width: 30px;  /* Tamaño del ícono */
  height: 30px; /* Tamaño del ícono */
}