/* CSS Boton W */
    .button-49,
    .button-49:after {
      width: 150px;
      height: 76px;
      line-height: 78px;
      font-size: 20px;
      font-family: 'Bebas Neue', sans-serif;
      background: linear-gradient(45deg, transparent 5%, #09a831 5%);
      border: 0;
      color: #fff;
      letter-spacing: 3px;
      box-shadow: 6px 0px 0px #048d97;
      outline: transparent;
      position: relative;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
      text-align: center;
    }
    
    .button-49:after {
      --slice-0: inset(50% 50% 50% 50%);
      --slice-1: inset(80% -6px 0 0);
      --slice-2: inset(50% -6px 30% 0);
      --slice-3: inset(10% -6px 85% 0);
      --slice-4: inset(40% -6px 43% 0);
      --slice-5: inset(80% -6px 5% 0);
      
      content: 'ALTERNATE TEXT';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(45deg, transparent 3%, #00E6F6 3%, #00E6F6 5%, #09d658 5%);
      text-shadow: -3px -3px 0px #F8F005, 3px 3px 0px #00E6F6;
      clip-path: var(--slice-0);
    }
    
    .button-49:hover:after {
      animation: 1s glitch;
      animation-timing-function: steps(2, end);
    }
    
    @keyframes glitch {
      0% {
        clip-path: var(--slice-1);
        transform: translate(-20px, -10px);
      }
      10% {
        clip-path: var(--slice-3);
        transform: translate(10px, 10px);
      }
      20% {
        clip-path: var(--slice-1);
        transform: translate(-10px, 10px);
      }
      30% {
        clip-path: var(--slice-3);
        transform: translate(0px, 5px);
      }
      40% {
        clip-path: var(--slice-2);
        transform: translate(-5px, 0px);
      }
      50% {
        clip-path: var(--slice-3);
        transform: translate(5px, 0px);
      }
      60% {
        clip-path: var(--slice-4);
        transform: translate(5px, 10px);
      }
      70% {
        clip-path: var(--slice-2);
        transform: translate(-10px, 10px);
      }
      80% {
        clip-path: var(--slice-5);
        transform: translate(20px, -10px);
      }
      90% {
        clip-path: var(--slice-1);
        transform: translate(-10px, 0px);
      }
      100% {
        clip-path: var(--slice-1);
        transform: translate(0);
      }
    }
    
    @media (min-width: 768px) {
      .button-49,
      .button-49:after {
        width: 200px;
        height: 86px;
        line-height: 88px;
      }
    }
    
    .floating-image {
        width: 300px; 
        animation: float 6s ease-in-out infinite;
      }
  .floating-image2 {
        width: 100px; 
        animation: float 10s ease-in-out infinite;
      }
  .floating-image4 {
        width: 100px; 
        animation: float 15s ease-in-out infinite;
      }
  .floating-image5 {
        width: 100px;
        animation: float 20s ease-in-out infinite;
      }
  .floating-image3 {
        width: 400px;
        animation: float 3s ease-in-out infinite;
      }
  
      @keyframes float {
        0% {
          transform: translateY(0px) rotate(0deg);
        }
        50% {
          transform: translateY(-20px) rotate(1deg);
        }
        100% {
          transform: translateY(0px) rotate(0deg);
        }
      }
  
      .fade-image {
        width: 100%; 
        max-width: 600px;
        height: auto;
        display: block;
        /* Efecto de máscara */
        -webkit-mask-image: linear-gradient(to top, transparent 0%, black 60%);
        mask-image: linear-gradient(to top, transparent 0%, black 60%);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        /* Transición suave */
        transition: mask-image 0.5s ease, -webkit-mask-image 0.5s ease;
      }
  
      .moving-image {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 400px; 
        animation: moveImage 28s linear infinite, floatImage 3s ease-in-out infinite;
        
      }
  
      @keyframes moveImage {
        0% {
          left: -1200px; /* Comienza fuera de la pantalla */
        }
        100% {
          left: 175%;
        }
      }