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

.bg-light {background-color: #fff !important;}

.hero { background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)), url(../images/bg-hero.jpg); background-size:cover; background-position: center center; padding: 220px 0 200px 0;}
.hero-cta {padding: 60px 0 !important;}

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

.text-justify {text-align: justify !important;}
.text-primary {color:#007477 !important;}
.text-secondary {color:#00B8C6 !important;}
.text-alert {color:#FF5722 !important;}
.text-success {color:#4CAF50 !important;}
.bg-alert {background-color:#FF5722 !important;}
.bg-success {background-color:#4CAF50 !important;}

  
.section-padding {padding: 50px 0;}

.btn-primary {--bs-btn-bg:#00B8C6 !important; --bs-btn-border-color: #00B8C6 !important;}
.btn-primary:hover {--bs-btn-bg:#007477 !important; --bs-btn-border-color: #007477 !important; background-color: #007477 !important;}

.btn-secondary {--bs-btn-bg:#007477 !important; --bs-btn-border-color: #007477 !important;}
.btn-secondary:hover {--bs-btn-bg:#00B8C6 !important; --bs-btn-border-color: #00B8C6 !important; background-color: #00B8C6 !important;}

.btn-success {--bs-btn-bg:#4CAF50 !important; --bs-btn-border-color: #4CAF50 !important;}
.btn-success:hover {--bs-btn-bg:#45a049 !important; --bs-btn-border-color: #45a049 !important; background-color: #45a049 !important;}

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

.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); }
  }