#whapp {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 1000;
  }
  
  .whapp-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
  }
  
  .cow-img {
    width: 60px;
    height: auto;
  }
  
  /* Estilo de la burbuja */
  .bubble {
    position: absolute;
    bottom: 60px; /* más cerca de la vaca */
    right: 0;
    background-color: #ffffff;
    color: #333;
    padding: 8px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    white-space: nowrap;
    animation: floatUp 0.5s ease-out;
  }
  
  /* Triangulito estilo bocadillo */
  .bubble::after {
    content: "";
    position: absolute;
    bottom: -8px; /* debajo de la burbuja */
    right: 20px; /* ajustalo según necesites */
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #ffffff;
  }
  
  /* Animación opcional */
  @keyframes floatUp {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }