.logo__fx {
  position: relative;
  display: inline-block;
  line-height: 0;
  aspect-ratio: 693 / 214;
  /* Un poco más grande: el ancho sale del ratio; los % de punteros son del mismo caja */
  height: 76px;
}

.logo__img {
  height: 100%;
  width: auto;
}

.eraser,
.dot {
  position: absolute;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.eraser {
  /* Mismo matiz base que .nav: tapa el puntito “original” en el PNG sin caja blanca */
  background: rgb(240, 233, 225);
  z-index: 2;
}

.dot {
  background: #202124;
  z-index: 3;
  width: 2.1%;
  animation: bounce 1.35s ease-in-out infinite;
}

.eraser--1 {
  left: 18.05%;
  top: 31.1%;
  width: 3.4%;
}

.eraser--2 {
  left: 52.67%;
  top: 31.28%;
  width: 3.25%;
}

.dot--1 {
  left: 18.05%;
  top: 31.1%;
}

.dot--2 {
  left: 52.67%;
  top: 31.28%;
  animation-delay: 0.18s;
}

@keyframes bounce {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  16% {
    transform: translate(-50%, -50%) translateY(-24px);
  }
  28% {
    transform: translate(-50%, -50%) translateY(0);
  }
  35% {
    transform: translate(-50%, -50%) translateY(-9px);
  }
  44% {
    transform: translate(-50%, -50%) translateY(0);
  }
}