/* Contenedor de la tuerca */
  .tuerca {
    width: 50px;
    height: 50px;
    background-color: #7f8c8d;
    border-radius: 50%;
    position: relative;
    
    /* Aplica la animación de giro */
    animation: girar 3s linear infinite;
  }

  /* Crea los dientes de la tuerca usando bordes cortados */
  .tuerca::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    border: 10px dashed #7f8c8d;
  }

  /* Crea el agujero del centro */
  .tuerca::after {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 40px;
    height: 40px;
    background-color: #222;
    border-radius: 50%;
  }

  /* Regla que dice cómo debe girar (de 0 a 360 grados) */
  @keyframes girar {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }