.animate-on-scroll {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease-out, transform 1s ease-out;
      }
      .animate-on-scroll.is-visible {
        opacity: 1;
        transform: translateY(0);
      }

      @keyframes fadeInScale {
        from {
          opacity: 0;
          transform: scale(0.8);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }

      @keyframes slideInFromTop {
        from {
          opacity: 0;
          transform: translateY(-50px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .hero-logo-animate {
        animation: fadeInScale 1s ease-out forwards;
      }

      .hero-text-animate {
        animation: slideInFromTop 1s ease-out forwards;
        animation-delay: 0.5s; /* Retraso para que aparezca después del logo */
        opacity: 0; /* Asegura que esté oculto antes de la animación */
      }

      /* Floating WhatsApp Button Styles */
      a{
        text-decoration:none;
      }
      .floating_btn {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 100px;
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items:center;
        justify-content:center;
        z-index: 1000;
      }

       @keyframes pulsing {
        to {
          box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
        }
      }

      .contact_icon {
        background-color: #42db87;
        color: #fff;
        width: 60px;
        height: 60px;
        font-size:30px;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translatey(0px);
        animation: pulse 1.5s infinite;
        box-shadow: 0 0 0 0 #42db87;
        -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        font-weight: normal;
        font-family: sans-serif;
        text-decoration: none !important;
        transition: all 300ms ease-in-out;
      }


      .text_icon {
        margin-top: 8px;
        color: #707070;
        font-size: 13px;
      }

      /* Hover Card Effect */
      .hover-card-effect {
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
      }

      .hover-card-effect:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
      }

/* Mobile Menu Transitions */
#mobile-menu {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#mobile-menu.hidden {
  transform: translateX(100%);
  opacity: 0;
}

/* Quote Item Cards */
@media (max-width: 768px) {
  .quote-item-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .quote-item-card .flex-1 {
    margin-bottom: 1rem;
  }
}