html {
     scroll-behavior: smooth;
 }

 body {
     font-family: "Poppins", sans-serif;
     background-color: #f8f9fa;
 }

 /* Navbar */
 .navbar {
     background-color: #0a472e;
 }

 .navbar-brand {
     font-weight: bold;
     color: #fff !important;
 }

 .nav-link {
     color: #d9ffd6 !important;
     margin-left: 10px;
     transition: color 0.3s;
 }

 .nav-link:hover {
     color: #fff !important;
 }

 /* Carrossel */

 .carousel-item::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.55);
 }


 .carousel-item {
     height: 85vh;
     background-size: cover;
     background-position: center;
     position: relative;
 }

 .carousel-caption {
     background: rgba(0, 0, 0, 0.6);
     border-radius: 10px;
     padding: 20px;
 }

 .carousel-caption h1 {
     color: #fff;
     font-size: 3rem;
     font-weight: 700;
 }

 /* Seções */
section {
  scroll-margin-top: 90px;
}

 /* Cards de recursos */
 #servicos {
     background-color: #e9f7ef;
 }

 #servicos h2 {
     color: #0a472e;
     font-weight: 700;
     margin-bottom: 40px;
 }

 .card {
     border: none;
     border-radius: 15px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     background: #fff;
 }

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

 .card i {
     color: #0a472e;
     font-size: 3rem;
     margin-bottom: 15px;
 }

 /* Planos */
 #planos {
     background-color: #fff;
 }

 .pricing-table {
     background: #f8fff9;
     border-radius: 15px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
 }

 .pricing-table:hover {
     transform: translateY(-8px);
 }

 .pricing-header {
     background-color: #0a472e;
     color: #fff;
     border-radius: 15px 15px 0 0;
     padding: 20px;
 }

 .pricing-body {
     padding: 30px;
 }

 .pricing-price {
     font-size: 2rem;
     color: #0a472e;
     font-weight: bold;
 }

 .btn-plan {
     background-color: #0a472e;
     color: #fff;
     border-radius: 30px;
     padding: 10px 25px;
     transition: 0.3s;
 }

 .btn-plan:hover {
     background-color: #0e6041;
 }

 /* Rodapé */
 footer {
     background-color: #0a472e;
     color: #fff;
     padding: 40px 0;
     text-align: center;
 }

 /* Botão WhatsApp */
 .whatsapp-float {
     position: fixed;
     width: 60px;
     height: 60px;
     bottom: 25px;
     right: 25px;
     background-color: #25d366;
     color: #fff;
     border-radius: 50px;
     text-align: center;
     font-size: 30px;
     box-shadow: 2px 2px 3px #999;
     z-index: 100;
 }

 .whatsapp-float i {
     margin-top: 15px;
 }