/* CSS Index */
 .text-gradient {
     background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .mobile-menu {
     transform: translateX(100%);
     transition: transform 0.3s ease-in-out;
 }

 .mobile-menu.active {
     transform: translateX(0);
 }

 .menu-overlay {
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
 }

 .menu-overlay.active {
     opacity: 1;
     visibility: visible;
 }

 .whatsapp-float {
     animation: float 3s ease-in-out infinite;
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .hero-video video {
     filter: grayscale(100%) contrast(120%);
     opacity: 0.15;
 }

 .map-container iframe {
     filter: grayscale(20%) contrast(110%);
 }