* {
   scroll-behavior: smooth;
 }

 body {
   font-family: 'Inter', sans-serif;
   background-color: #f7f7f5;
   color: #1c1c1c;
 }

 .hero {
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('./images/malzieu.webp') center/cover no-repeat;
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: white;
   text-align: center;
 }

 .logo {
   max-width: 140px;
   filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
 }

 .section-title {
   font-size: 2.25rem;
   margin-bottom: 1rem;
   font-weight: 600;
 }

 .btn-primary {
   background-color: #2a3d2f;
   border: none;
 }

 .btn-primary:hover {
   background-color: #3c594b;
 }

 .service-card {
   background-color: white;
   border: none;
   border-radius: 1rem;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s;
 }

 .service-card:hover {
   transform: translateY(-5px);
 }

 .fixed-whatsapp {
   position: fixed;
   bottom: 20px;
   right: 20px;
   background-color: #25D366;
   color: white;
   border-radius: 50%;
   padding: 15px;
   font-size: 24px;
   z-index: 1000;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
 }

 #loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #2a3d2f;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 2000;
   transition: opacity 0.5s ease;
 }

 #loader.hidden {
   opacity: 0;
   pointer-events: none;
 }

 #loader span {
   color: white;
   font-size: 1.5rem;
 }

 .list-group-item {
   font-size: 1.1rem;
 }

 .content-seo {
   max-width: 800px;
   margin: 2rem auto;
   font-size: 1.1rem;
   line-height: 1.7;
   text-align: justify;
 }

 .pricing-card {
   background-color: #ffffff;
   border-radius: 1rem;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
   padding: 2rem;
   text-align: center;
   transition: transform 0.3s;
 }

 .pricing-card:hover {
   transform: translateY(-5px);
 }

 .pricing-card h5 {
   font-weight: 600;
   margin-bottom: 1rem;
 }

 .pricing-card p {
   font-size: 1.1rem;
 }

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

 .kenburns-top {
   -webkit-animation: kenburns-top 5s ease-out both;
   animation: kenburns-top 5s ease-out both;
 }

 @-webkit-keyframes kenburns-top {
   0% {
     -webkit-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0);
     -webkit-transform-origin: 50% 16%;
     transform-origin: 50% 16%;
   }

   100% {
     -webkit-transform: scale(1.25) translateY(-15px);
     transform: scale(1.25) translateY(-15px);
     -webkit-transform-origin: top;
     transform-origin: top;
   }
 }

 @keyframes kenburns-top {
   0% {
     -webkit-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0);
     -webkit-transform-origin: 50% 16%;
     transform-origin: 50% 16%;
   }

   100% {
     -webkit-transform: scale(1.25) translateY(-15px);
     transform: scale(1.25) translateY(-15px);
     -webkit-transform-origin: top;
     transform-origin: top;
   }
 }