@charset "utf-8";
/* CSS Document */

.whatsapp-float {
  position: fixed; /* Fija el botón a la ventana del navegador */
  width: 40px;
  height: 40px;
  /*width: 60px;
  height: 60px;*/
  bottom: 40px; /* Distancia desde la parte inferior */
  right: 40px;  /* Distancia desde la parte derecha */
  /*background-color: #25d366; /* Color verde de WhatsApp */
  color: #fff;              /* Color blanco del icono */
  /*border-radius: 50px;      /* Hace que sea un círculo */
  font-size: 30px;          /* Tamaño del icono */
  z-index: 100;             /* Asegura que esté por encima de otros elementos */
  display: flex;            /* Permite centrar el icono */
  align-items: center;      /* Centra el icono verticalmente */
  justify-content: center;  /* Centra el icono horizontalmente */
  /*box-shadow: 2px 2px 3px #999; /* Sombra para dar profundidad */
  /*transition: background-color 0.3s ease; /* Transición suave al pasar el ratón */
}

.whatsapp-float:hover {
  /*background-color: #128c7e; /* Color más oscuro al pasar el ratón */
}

.whatsapp-icon {
  /*margin: 0; /* Elimina el margen por defecto del icono */
}

.imagen-hover:hover {
  transform: scale(1.2); /* Aumenta el tamaño un 10% */
  /*box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* Añade una sombra */
}