.logo-blob {
    width: 48px;
    height: 48px;
  }
  
  .circle {
    position: absolute;
    border-radius: 50%;
    filter: blur(20px);
    transform-origin: center;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }
  
  .fuchsia {
    width: 30px;
    height: 16.2px;
    background-color: #ff00f4;
    left: 35px;
    top: 62px;
    z-index: 1;
    animation: floatFuchsia 12s infinite alternate ease-in-out;
    transform-origin: left;
    rotate: 318deg;
    border-radius: 200px;
  }
  .fuchsia-two {
    width: 30px;
    height: 12px;
    background-color: #ff00f4;
    left: 35px;
    top: 62px;
    z-index: 1;
    animation: floatFuchsia 12s infinite alternate ease-in-out;
    transform-origin: left;
    rotate: 17deg;
    border-radius: 200px;
  }
  
  .red {
    width: 33px;
    height: 35.4px;
    left: 79px;
    top: -67px;
    z-index: 2;
    animation: floatRed 10s infinite alternate ease-in-out;
    background: radial-gradient(circle at 30% 58%, #ff3300 58%, #ff8600 20%);
  }
  
  .yellow {
    width: 22.3px;
    height: 15.8px;
    left: 141px;
    top: 42px;
    z-index: 3;
    animation: floatYellow 14s infinite alternate ease-in-out;
    rotate: 323deg;
    transform-origin: left;
    background: radial-gradient(circle at 30% 50%, #ecddbc 32%, #ffff99 20%);
  }
  
  /* Animaciones */
  @keyframes floatFuchsia {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.1);
    }
    50% {
      transform: scale(0.95);
    }
    75% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  
  @keyframes floatRed {
    0% {
      transform: scale(1) translate(0px, 0px);
    }
    25% {
      transform: scale(1.05) translate(5px, -5px);
    }
    50% {
      transform: scale(1.1) translate(-8px, 10px);
    }
    75% {
      transform: scale(0.95) translate(0px, 5px);
    }
    100% {
      transform: scale(1) translate(0px, 0px);
    }
  }
  
  @keyframes floatYellow {
    0% {
      transform: scale(1) translate(0px, 0px);
    }
    25% {
      transform: scale(1.08) translate(3px, 4px);
    }
    50% {
      transform: scale(0.9) translate(-6px, 8px);
    }
    75% {
      transform: scale(1.05) translate(2px, -3px);
    }
    100% {
      transform: scale(1) translate(0px, 0px);
    }
  }