/* Botón de Facebook flotante */
.facebook-float {
  position: fixed;         /* siempre visible en pantalla */
  right: 20px;             /* mismo lado derecho que WhatsApp */
  bottom: 90px;            /* encima del botón de WhatsApp */
  width: 60px;
  height: 60px;
  background-color: #1877F2; /* azul Facebook */
  border-radius: 50%;      
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  opacity: 0;              /* inicio oculto, animación JS */
  transition: opacity 0.5s, transform 0.3s; /* transición suave + efecto hover opcional */
  z-index: 1000;
  cursor: pointer;
}

/* Ícono dentro del botón */
.facebook-float i {
  color: white;
  font-size: 30px;
}

/* Efecto hover opcional */
.facebook-float:hover {
  transform: scale(1.1);  /* pequeño agrandamiento al pasar el mouse */
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
}