body {scroll-behavior: smooth; padding-top: 80px !important;}

.hero {background: linear-gradient(135deg, #874A9D, #4F2367); background-size: 200% 200%; animation: gradientAnimation 2s ease-in-out infinite; padding: 120px 0 100px 0;}
.hero-cta {padding: 60px 0 !important;}

@keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

.icon-box {font-size: 2rem; color: #874A9D;}
  
.section-padding {padding: 70px 0;}

.btn-primary {--bs-btn-bg:#874A9D !important; --bs-btn-border-color: #6e2589 !important;}
.btn-primary:hover {--bs-btn-bg:#874A9D !important;}

.ancora {color:transparent !important; padding-top:50px;}

.whatsapp-float {position: fixed; bottom: 25px; right: 25px; width: 80px; height: 80px; background-color:#25D366; color:#fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; text-decoration: none; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); z-index: 9999; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.whatsapp-float:hover {transform: scale(1.1); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35); color: #fff;}

.btn-animated {animation: pulse 2.5s infinite;}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


  .img-pulse {
    animation: pulseImg 3s ease-in-out infinite;
  }

  @keyframes pulseImg {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); }
  }