#hero {
    /* background-image: url('/src/img/bg/bg-8.webp'); */
    background-image: url('/samples/lpdynamus/img/bglpdynamus_main_page.jpeg');
    background-size: cover;
    background-position: center;
    background-color: rgba(53, 53, 53, 0.5);
    background-blend-mode: overlay;
}



/* ----------------------------- */
/* whatsapp */
/* ----------------------------- */
.whatsapp-button {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 1000; /* Asegura que el botón esté encima de otros elementos */
    background-color: #25D366; /* Color de fondo de WhatsApp */
    border-radius: 50%; /* Hace que el botón sea circular */
    width: 60px; /* Ajusta el tamaño del botón */
    height: 60px; /* Ajusta el tamaño del botón */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Agrega una sombra */
    transition: transform 0.3s ease; /* Agrega una transición suave para la animación */
  }

.whatsapp-button:hover {
    transform: scale(1.1); /* Hace que el botón se agrande ligeramente al pasar el mouse */
}

.whatsapp-button img {
    width: 40px; /* Ajusta el tamaño del logo de WhatsApp */
    height: 40px; /* Ajusta el tamaño del logo de WhatsApp */
}

@keyframes whatsapp-pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
}

.whatsapp-button {
    /* ... tus estilos anteriores ... */
    animation: whatsapp-pulse 2s infinite; /* Agrega la animación */
}
